1.1 Markdown + HTML 基础语法速查表

元素	MD语法	HTML语法	效果
标题	# ## ### ####	<h1>H1</h1> <h2>H2</h2> <h3>H3</h3> <h4>H4</h4>	H1 H2 H3 H4
标题 id	\{#英文id\} 写在标题末尾	<h2 id="custom">标题</h2>	点我跳到本页锚点
粗体	**粗体** __粗体__	<strong>粗体</strong>	粗体 粗体
斜体	*斜体* _斜体_	<em>斜体</em>	斜体 斜体
粗斜体	***粗斜体*** ___粗斜体___	<strong><em>粗斜体</em></strong>	粗斜体 粗斜体
删除线	~~删除线~~	<del>删除线</del>	删除线
高亮	==高亮==	<mark>高亮</mark>	高亮
行内代码	`code`	<code>code</code>	code
代码块	ts</code> 换行写代码 换行 <code>	<pre><code>code</code></pre>	见下方代码块
下标	~2~	<sub>2</sub>	H2O
上标	^2^	<sup>2</sup>	E=mc2
链接	[Next.js](https://nextjs.org)	<a href="https://nextjs.org">Next.js</a>	Next.js
引用块	> 引用	<blockquote><p>这是一段引用内容。</p></blockquote>	这是一段引用内容。
水平线	*** ---	<hr />
换行	行尾两个空格 + 回车	<br />	第一行 第二行
图片		<img src="/icon/WUNAI-LOGO-light.png" alt="logo" width="120" />
有序列表	1. 每行一项	<ol><li>第一项</li><li>第二项</li></ol>	第一项 第二项
无序列表	- 每行一项	<ul><li>第一项</li><li>第二项</li></ul>	第一项 第二项
任务列表	- [ ] 未完成 - [x] 已完成	<input type="checkbox" checked disabled />	未完成 已完成
定义列表	术语 换行 : 定义	<dl><dt>术语</dt><dd>定义</dd></dl>	术语 定义内容
脚注	正文[^1] + [^1]: 注释	<sup><a href="#fn1">1</a></sup>	正文里带脚注1
表格	| 日期 | 顺序 | | --- | --- | | 31 | 1 |	<table><tbody><tr><th>日期</th><th>顺序</th></tr><tr><td>31</td><td>1</td></tr></tbody></table>	日期 顺序 31 1

1.2 代码块

围栏代码块支持语言标识、文件名/版本元数据、语法高亮，以及右上角的换行与复制按钮：

export const posts = loadPosts();

1.3 定义列表

术语

定义列表由「术语行 + 以冒号开头的定义行」组成

一个术语可以有多条定义

1.4 任务列表

• 已经支持的语法：表格、删除线、高亮、上下标、任务列表、脚注
• 代码块：高亮 + 文件名/版本 + 换行/复制
• 还没写的：把这份速查表补到常用语法全覆盖

1.5 自定义标题 id

下面是带自定义 id 的标题，可以从表格里的链接跳过来。

自定义锚点

跳转成功的话，你刚才点的链接就把你带到这个小标题了。

表格单元格只解析行内内容：块级 markdown（#、列表、代码块、定义列表）在里面不生效， 想展示真实效果就写 HTML 标签，并且整段必须和这一行在同一行、不能换行。 单元格里出现的 | 必须转义成 \|，否则会被当成列分隔符。