基础内容元素

在 Hugo 中创建内容文件是一项直观的过程,主要依赖于 Markdown 语法。每个内容文件都包含一个 TOML 格式的 frontmatter(也称为头部信息)和一个主体内容部分。Frontmatter 包含了文章的元数据,如标题、发布日期、分类、标签等,这些信息对于搜索引擎优化(SEO)和网站的组织结构至关重要。

Frontmatter 详解

Frontmatter 位于文件的最开始,由三个 +++ 分隔符包围。以下是一些常用的 frontmatter 键值对:

  • title: 文章的标题。
  • description: 文章的简短描述,常用于 SEO。
  • date: 文章的发布日期,格式为 YYYY-MM-DD
  • author: 文章的作者。
  • categories: 文章所属的分类,可以是一个列表。
  • tags: 文章的标签,可以是一个列表,方便用户搜索和关联内容。
  • draft: 布尔值,true 表示草稿,false 表示已发布。

Markdown 内容主体

Frontmatter 之后是文章的主体内容,完全使用 Markdown 语法编写。

标题

Markdown 支持六级标题,使用 # 符号表示,# 的数量代表标题的级别。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

段落

段落之间用一个或多个空行分隔。

这是第一个段落。

这是第二个段落。

列表

Markdown 支持无序列表和有序列表。

无序列表

使用 *-+ 来创建无序列表。

  • 项目一
  • 项目二
    • 子项目 A
    • 子项目 B
  • 项目三
有序列表

使用数字后跟一个点来创建有序列表。

  1. 第一步
  2. 第二步
    1. 子步骤 1
    2. 子步骤 2
  3. 第三步

强调与加粗

  • 斜体:使用一对星号 * 或下划线 _ 包围。
  • 加粗:使用两对星号 ** 或下划线 __ 包围。
  • 加粗斜体:同时使用星号和下划线。

链接

Markdown 链接的格式是 [链接文本](URL "可选的标题")

例如:世界杯竞猜官网

图片

图片格式为 ![图片替代文本](图片URL "可选的标题")

Hugo Logo

引用

使用 > 符号创建引用块。

这是引用文本。 引用文本可以跨越多行。

代码块

  • 行内代码:使用一对反引号 ` 包围。 例如,print("Hello, Hugo!")
  • 代码块:使用三个反引号 ``` 包围,可以指定语言高亮。
def greet(name):
    print(f"Hello, {name}!")

greet("World")

在世界杯竞猜官网,我们鼓励使用这些基础元素来创建丰富且结构清晰的内容。通过合理运用 Markdown,您可以有效地组织信息,提升阅读体验,并使您的网站内容更具吸引力。