Markdown 语法指南

2020年11月9日 3 分钟阅读文档 Markdown CSS HTML

赞助

成为我们的资助者或赞助商，以支持我们的工作。

赞助商

本文将提供一些能用于 Hugo 内容文件的 Markdown 的基础语法示例。

标题

下面的 HTML <h1>—<h6> 元素代表了六个级别的章节标题，其中 <h1> 和 <h2> 分别是最高和最低的。

H1

H2

H3

H4

H5

H6

段落

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

引用

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

引用参数

hugo.toml

1[params]
2  [params.hb]
3    [params.hb.blockquotes]
4      border_style = 'primary'
5      border_width = 4
6      bordered = true

hugo.yaml

1params:
2  hb:
3    blockquotes:
4      border_style: primary
5      border_width: 4
6      bordered: true

hugo.json

 1{
 2   "params": {
 3      "hb": {
 4         "blockquotes": {
 5            "border_style": "primary",
 6            "border_width": 4,
 7            "bordered": true
 8         }
 9      }
10   }
11}

不带出处的引用

源码

1> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
2> 
3> **Note** that you can use *Markdown syntax* within a blockquote.

结果

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Note that you can use Markdown syntax within a blockquote.

带有出处的引用

源码

1> Don't communicate by sharing memory, share memory by communicating.
2{caption="The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015."}

结果

Don’t communicate by sharing memory, share memory by communicating.

引用对齐

源码

1> Align to the center
2{align=center}

结果

Align to the center

源码

1> Align to the end
2{align=end}

结果

Align to the end

表格

Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

Name	Age
Bob	27
Alice	23

Inline Markdown within tables

Italics	Bold	Code
italics	bold	`code`

高级表格用法

另请参阅表格。

代码块

Code block with backticks

 1<!DOCTYPE html>
 2<html lang="en">
 3  <head>
 4    <meta charset="utf-8" />
 5    <title>Example HTML5 Document</title>
 6  </head>
 7  <body>
 8    <p>Test</p>
 9  </body>
10</html>

Code block with Hugo’s internal highlight shortcode

 1<!doctype html>
 2<html lang="en">
 3<head>
 4  <meta charset="utf-8">
 5  <title>Another Example HTML5 Document</title>
 6</head>
 7<body>
 8  <p>A looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text</p>
 9</body>
10</html>

列表类型

有序列表

First item
Second item
Third item

无序列表

List item
Another item
And another item

嵌套列表

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

待办事项

Done
WIP
TODO

图片

1![text](url)

Float start 初始主题集成了 images 模块，其允许通过 URL 查询字符串和段来处理图片，比如调整图片大小、裁剪图片和使图片对齐等。

阅读更多关于 images 使用方式，以 Markdown 的方式处理图片。

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

GIF is a bitmap image format.

H₂O

Xⁿ + Yⁿ = Zⁿ

Press CTRL+ALT+Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

查看源码编辑页面历史

2025年1月18日星期六 2020年11月9日星期一

创建内容

短代码

浏览用户手册