这篇文章用于集中展示常见 Markdown 语法在 Astro 中的渲染效果，便于你写作时快速对照。
标题
以下是从一级到六级标题的示例：
一级标题 H1
二级标题 H2
三级标题 H3
四级标题 H4
五级标题 H5
六级标题 H6
段落
这是一个普通段落示例。Markdown 的段落通常通过空行分隔。
你可以在段落中使用 加粗、斜体、行内代码，也可以插入 链接。
图片
语法
渲染效果
引用
无署名引用
语法
> 这是一个引用块示例。
> **提示：** 引用里同样可以使用 _Markdown_ 语法。渲染效果
这是一个引用块示例。 提示： 引用里同样可以使用 Markdown 语法。
带署名引用
语法
> 不要通过共享内存来通信，而要通过通信来共享内存。<br>
> — <cite>Rob Pike[^1]</cite>渲染效果
不要通过共享内存来通信，而要通过通信来共享内存。
— Rob Pike1
表格
语法
| 样式 | 示例 |
| ---- | -------- |
| 斜体 | _文字_ |
| 加粗 | **文字** |
| 代码 | `code` |渲染效果
| 样式 | 示例 |
|---|---|
| 斜体 | 文字 |
| 加粗 | 文字 |
| 代码 | code |
代码块
语法
在三反引号后面指定语言类型，可以启用语法高亮，例如 html、css、js、ts、bash。
```html
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>示例页面</title>
</head>
<body>
<p>Hello Markdown</p>
</body>
</html>
```渲染效果
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>示例页面</title>
</head>
<body>
<p>Hello Markdown</p>
</body>
</html>列表
有序列表
语法
1. 第一项
2. 第二项
3. 第三项渲染效果
- 第一项
- 第二项
- 第三项
无序列表
语法
- 列表项 A
- 列表项 B
- 列表项 C渲染效果
- 列表项 A
- 列表项 B
- 列表项 C
嵌套列表示例
语法
- 水果
- 苹果
- 橙子
- 香蕉
- 乳制品
- 牛奶
- 奶酪渲染效果
- 水果
- 苹果
- 橙子
- 香蕉
- 乳制品
- 牛奶
- 奶酪
其他常见内联元素
语法
<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。
高亮文本
Footnotes
-
引文改写自 Rob Pike 在 Gopherfest 的演讲。 ↩
留言
关于这篇文章的留言。