[Day11] Let's Post!

虽然在 Day08 时已经新增过一篇文章,但因为是测试用的关系并没有深入,今天就让深入聊聊产出一篇文章需要注意什麽吧!

指令

文章预设都是放在 content 目录下,所以当执行以下指令:

hugo new posts/first.md

会在 content/posts/ 下建立 first.md,当然你也可以对 content 底下的目录进行分类,比如 content/about/,但只有在 content/posts 底下的档案会出现在部落格首页中,其他分类的用处我们之後会详细说明。

Front Matter

还记得新增文章後预设会有的一些设定档吗?在你的 content/posts/first.md 中会看到:

---
title: "First"
date: 2021-09-25T02:10:22+08:00
draft: true
---

这些被 Hugo 称作 Front Matter,是用来对个别的文章做一些特化的设定。

比较常用的如:

  • title:文章标题
  • description:进到文章画面时的副标
  • summary:在文章列表页面时的内容简述
  • featured_image:文章的缩图,图片相关我们之後会说明
  • tags:用来分类文章,一篇文章可对应多个 tag
  • keyword:跟 SEO 相关,这部分也会单独开一篇说明
  • date:文章产出的时间
  • toc:table of contents,文章目录,同样之後会说明
  • disable_share:用来关掉预设会存在的分享按钮

以上几个就足以满足我们简单的需求了,Front Matter 还有更多的参数可以使用,想再更深入的话,请参考官方文件

内容

文章的内容我们一般会用 Markdown,这是一种轻量级的标记式语言,可以用简单的语法来做排版,你现在看到的这篇文章同样也是使用 Markdown 完成的。

Markdown 是很常用而且非常方便的语法,开源专案的 README 原则上也都是用 Markdown 完成的。

结论

今天带过新增一篇文章需要了解的知识,明天计画用这几天的内容完善一下部落格,让他看起来比较像是一个部落格的样子。


<<:  Day 0x11 - 建立信用卡付款的订单

>>:  Day14:铁口直断

33.Vuex项目结构

1.应用层级的状态应该集中到单个 store 对象中。 2.提交 mutation 是更改状态的唯一...

Mikrotik RouterOS从入门到实战系列-Mikrotik入门第二课

Mikrotik RouterOS从入门到实战系列 Mikrotik入门第二课 ...

[Day10] Flutter GetX flutter_slidable ListView滑动

Flutter slidable Flutter listView左右滑动後出现的选项,(iOS的 ...

【Day12】建立React专案并安装Jest,来跑跑看第一个测试吧 -`д´-!

首先!! 我们要先来建立一个React专案 执行以下指令来建立专案 npx create-react...

Day 26: LeetCode Hard+Medium

Day 26: LeetCode Hard+Medium LeetCode 212. Word Se...