本文提供了一个可以在 Hugo 内容文件中使用的基本Markdown语法示例，还展示了基本 HTML 元素在 Hugo 主题中是否使用 CSS 装饰。

标题

下面的 HTML 代码<h1>—<h6> 元素表示六个级别的节标题。 <h1>是最高的节级别，<h6>是最低的节级别。

H1

H2

H3

H4

H5

H6

段落

生活是什么？生活是柴米油盐的平淡；是行色匆匆早出晚归的奔波；生活是错的时间遇到对的人的遗憾；是爱的付出与回报；生活是看不同的风景，遇到不同的人；是行至水穷尽，坐看云起时的峰回路转；生活是灵魂经历伤痛后的微笑怒放；是挫折坎坷被晾晒后的坚强；生活是酸甜苦辣被岁月沉淀后的馨香；是经历风霜雪雨洗礼后的懂得；生活是走遍千山万水后，回眸一笑的洒脱。

有些事，猝不及防，不管你在不在乎；有些人，并非所想，不管你明不明白；有些路，必须得走，不管你愿不愿意。不怕事，不惹事，不避事，做好自己，用真心面对一切；少埋怨，少指责，少发火，学会沉静，用微笑考量一切；多体察，多包容，多思索，尽心尽力，虽缺憾但无悔。像蒲公英一样美丽，虽轻盈，但并不卑微，它有自己的生命，也有自己的世界！

引用

blockquote 元素表示从另一个来源引用的内容，可选的引用必须在 footer 或 cite元素内，也可选的内嵌更改，如注释和缩写。

引用没有归属

读懂自我，带着简单的心情，看复杂的人生，走坎坷的路！
注意： 可以在块引用中使用 Markdown 语法。

带归属的引用

不要通过分享记忆来交流，通过交流来分享记忆。
— 罗布·派克¹

表格

表不是Markdown核心规范的一部分，但是Hugo支持开箱即用。

Name	Age
Bob	27
Alice	23

表格内使用Markdown语法

Italics	Bold	Code
italics	bold	`code`

图像

![图像描述](图像地址)

示例

常规用法

SVG图像

小图标

点击图像可以打开图像浏览器，快试试吧。

代码块

带有引号的代码块

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

用四个空格缩进的代码块

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

代码块引用Hugo的内部高亮短代码

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

列表类型

有序列表

First item
Second item
Third item

无序列表

List item
Another item
And another item

嵌套列表

Fruit
- Apple
- Orange
- Banana
Dairy
- Milk
- Cheese

其他元素 — abbr, sub, sup, kbd, mark

GIF 是位图图像格式。

H₂O

Xⁿ + Yⁿ = Zⁿ

按 CTRL+ALT+Delete 组合键结束会话。

大多数蝾螈在夜间活动，捕食昆虫、蠕虫和其他小动物。

以上引文摘自Rob Pike在2015年11月18日 Gopherfest 上的演讲。 ↩︎