Markdown 风格指南
以下示例展示了在 Astro 中编写 Markdown 内容时可以使用的一些基础 Markdown 语法。
标题
以下 HTML 的 <h1>—<h6> 元素表示六个层级的章节标题。<h1> 是最高层级,<h6> 是最低层级。
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.
图片
语法

效果

引用块
引用块元素表示引用自其他来源的内容,可以选择附带引用出处(必须放在 footer 或 cite 元素内),也可以选择包含行内修改,例如注释和缩写。
无出处的引用块
语法
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **注意**,你可以在引用块中使用 _Markdown 语法_。
效果
Tiam, ad mint andaepu dandae nostion secatur sequo quae.
注意,你可以在引用块中使用 Markdown 语法。
带出处的引用块
语法
> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>
效果
Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike1
表格
语法
| 斜体 | 粗体 | 代码 |
| ------- | -------- | ------ |
| _斜体_ | **粗体** | `代码` |
效果
| 斜体 | 粗体 | 代码 |
|---|---|---|
| 斜体 | 粗体 | 代码 |
代码块
语法
我们可以在新的一行使用 3 个反引号 ``` 来编写代码片段,并在新的一行用 3 个反引号结束。如需高亮特定语言的语法,在开头 3 个反引号后写上语言名称的一个单词,例如 html、javascript、css、markdown、typescript、txt、bash。
```html
<!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>
列表类型
有序列表
语法
1. 第一项
2. 第二项
3. 第三项
效果
- 第一项
- 第二项
- 第三项
无序列表
语法
- 列表项
- 另一项
- 还有一项
效果
- 列表项
- 另一项
- 还有一项
嵌套列表
语法
- 水果
- 苹果
- 橙子
- 香蕉
- 乳制品
- 牛奶
- 奶酪
效果
- 水果
- 苹果
- 橙子
- 香蕉
- 乳制品
- 牛奶
- 奶酪
其他元素 —— abbr、sub、sup、kbd、mark
语法
<abbr title="Graphics Interchange Format">GIF</abbr> 是一种位图图像格式。
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
按下 <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> 结束会话。
大多数<mark>蝾螈</mark>是夜行性动物,以昆虫、蠕虫和其他小型生物为食。
效果
GIF 是一种位图图像格式。
H2O
Xn + Yn = Zn
按下 CTRL + ALT + Delete 结束会话。
大多数蝾螈是夜行性动物,以昆虫、蠕虫和其他小型生物为食。