Markdown 全量
CommonMark 与 GFM 的常用标记。左边是作者写的输入,右边是对应 HTML 结构的实时样式预览,不是截图;示例说明文心如何呈现结构,不代替具体 Markdown 渲染器的兼容性测试。
标题与段落
Markdown渲染结果
## 二级标题
### 三级标题
#### 四级标题
普通段落不需要任何 class。
段落之间空一行。行末两个空格
产生硬换行。
二级标题
三级标题
四级标题
普通段落不需要任何 class。
段落之间空一行。行末两个空格
产生硬换行。
标题从 ## 起用。一页只有一个 <h1>,它由页面标题或 front matter 提供,不由正文写出——
这条由 check:site 强制,同时禁止跳级。
行内标记
Markdown渲染结果
*强调* 与 **加粗**,
~~删除线~~,`行内代码`,
==高亮==(扩展语法)。
链接 [文心](#inline)、
自动链接 <https://example.com>、
脚注引用[^1]。
转义 \*不是强调\*。
[^1]: 脚注正文。
浏览器为中文合成的伪斜体读起来像渲染故障,所以 :lang(zh) 下的 em 渲染为加重而不是倾斜。i、cite、dfn、var 同理。
列表
Markdown渲染结果
- 无序列表
- 第二项
- 嵌套一层
- 再嵌套
1. 有序列表
2. 第二项
5. 从 5 开始
6. 继续
- [x] 已完成
- [ ] 未完成
- 无序列表
- 第二项
- 嵌套一层
- 再嵌套
- 嵌套一层
- 有序列表
- 第二项
- 从 5 开始
- 继续
- 已完成
- 未完成
Markdown · 松散列表渲染结果
- 项与项之间有空行时,
- 每一项会被包进段落,
- 行距随之变松。
项与项之间有空行时,
每一项会被包进段落,
行距随之变松。
引用、分隔线与定义列表
Markdown渲染结果
> 引用一段话。
>
> > 嵌套引用。
---
术语
: 定义列表是扩展语法。
另一个术语
: 它的解释。
引用一段话。
嵌套引用。
- 术语
- 定义列表是扩展语法。
- 另一个术语
- 它的解释。
嵌套引用沿用同一条单边线,只缩进一级并降低线条对比度;层级可见,但不会叠成装饰性的套框。
折叠内容
Markdown · 内联 HTML渲染结果
<details open>
<summary>查看补充说明</summary>
这里放补充正文。
</details>
查看补充说明
这里放补充正文。
内容层只处理没有 class 的原生 details/summary:浏览器负责键盘开合与 open 状态,样式只补正文节奏。带有 .wx-collapse 等 class 的组件继续遵守自己的契约。
表格
Markdown渲染结果
| 左对齐 | 居中 | 右对齐 |
| :----- | :--: | -----: |
| [文心](#table) | 万形 | 1.5px |
| 留白 | 克制 | 36em |
| 左对齐 | 居中 | 右对齐 |
|---|---|---|
| 文心 | 万形 | 1.5px |
| 留白 | 克制 | 36em |
宽表格由渲染器包进 .table-scroll,在自己的容器里横向滚动,而不是把整页撑宽。
图片与图注
Markdown渲染结果

带图注时渲染器输出 figure:
<figure>
<img src="…" alt="…">
<figcaption>图注:<a href="#media">文心</a></figcaption>
</figure>
渲染器不该凭空造图注。一个没有 figcaption 的 img 就是没有图注,把 alt 文本搬去当图注是伪造语义——alt 是给读不到图的人的,图注是给所有人的。
提示块
Markdown 本身没有提示块,各家扩展语法不同。样式层同时认三种主流写法,作者用哪一种由渲染器决定。
Markdown 提示块(GFM)渲染结果
> [!NOTE]
> 一般说明。
> [!TIP]
> 建议。
> [!WARNING]
> 警告。
> [!CAUTION]
> 危险操作。
说明
一般说明。
建议
建议。
警告
警告。
危险
危险操作。
认得的 class:.admonition.tip、.alert-tip、.markdown-alert-tip——
分别对应 Python-Markdown / Docusaurus / GitHub 三家,不需要中间映射层。
代码块
Markdown渲染结果
```css
.wx-rule {
/* 单边线,不是四边框 */
border-block-start: 1px solid;
}
```
.wx-rule {
/* 单边线,不是四边框 */
border-block-start: 1px solid;
}
语法高亮的完整 token 表、支持的高亮器与实测对比度见代码与语法高亮。
覆盖情况
诚实记录边界比声称"全支持"有用。下表按标准分组,写清哪些是 CommonMark、哪些依赖扩展、哪些不做。
| 标记 | 标准 | 状态 |
|---|---|---|
| 标题(ATX / Setext)、段落、软硬换行 | CommonMark | ✓ |
| 强调、加粗、行内代码、转义 | CommonMark | ✓ |
| 链接(行内 / 引用式 / 自动)、图片 | CommonMark | ✓ |
| 列表(有序 / 无序 / 嵌套 / 起始序号 / 松散紧凑) | CommonMark | ✓ |
| 引用(含嵌套)、分隔线 | CommonMark | ✓ |
| 代码块(围栏 / 缩进 / 语言标注) | CommonMark | ✓ |
内联 HTML(含原生 details/summary) | CommonMark | ✓ 按裸元素样式呈现 |
| 表格(含对齐)、删除线、任务列表 | GFM | ✓ |
| 脚注 | GFM / 扩展 | ✓ |
| 提示块 alerts | GFM / 扩展 | ✓ 三家 class 同时认 |
定义列表、高亮 ==…==、上下标 | 扩展 | ✓ 渲染器需支持 |
| 注音 ruby | 内联 HTML | ✓ |
数学公式 $…$ | 扩展 | ✗ 需自行接入 KaTeX/MathJax,样式层不含 |
目录 [TOC] | 扩展 | ✗ 由站点生成器负责,见 wx-anchor |
| Front matter | 扩展 | ✗ 元数据不是内容,不渲染 |