Markdown 样式总览

这篇文章把本站所有 Markdown 元素和自定义语法的样式集中展示一遍。写文章时按这里的语法用，渲染出来的样子就是这页的样子。

标题层级

三级标题

四级标题

五级标题

六级标题

正文与强调

普通段落：本站正文 16px、行高 1.84，一行约 42 个汉字（代码块、表格、图版不受此限，会比文字列宽出一档）。加粗会带一点主题色，斜体 用楷体渲染（中文不伪造斜体），删除线弱化，高亮标记像荧光笔一样每一行独立。

扩展语法：插入文本 带下划线，化学式 H₂O、CO₂ 用 HTML 下标（~x~ 单波浪与删除线语法冲突，下标请写 <sub>），数学 x²、2¹⁰ 用上标，都不改变行高。

行内元素：行内代码 带边框与底色，键盘按键 Ctrl + C 是立体键帽，HTML 悬停显示完整含义。

链接：普通链接 常驻淡下划线，悬停时从左侧滑入实线；链接里的代码 下沿带链接色。

列表

无序列表使用主题色圆点，多级嵌套时圆点缩小、变淡，第三级变成小方块：

• 第一层项目
  • 嵌套项目
    • 第三层项目
• 另一个第一层项目

有序列表的序号是等宽数字，多位数自动对齐：

1. 第一步
2. 第二步
3. 第三步

任务列表是自绘复选框，带勾选动画：

• 已完成的任务
• 未完成的任务
• 另一个未完成

引用

普通引用块，左上角有衬线引号。内容用主题色淡底衬托，左侧 accent 竖线。

引用里可以继续写加粗、代码 等行内元素。

嵌套引用会缩进、淡化，形成层级。

分隔线

上面的引用与下面的内容之间有一条分隔线，是渐变细线，中间有一颗小菱形：

代码块

围栏代码块由 expressive-code 渲染，支持文件名标题、diff 高亮、终端窗口等：

import { createServer } from "node:http";

createServer((req, res) => {
  res.writeHead(200, { "content-type": "text/plain" });
  res.end("hello world\n");
}).listen(8080);

diff 视图显示增删：

const isOld = true;
const isNew = true;

表格

表头是等宽小字，全表数字等宽对齐：

图片

图片有卡片外框，点击打开灯箱：

提示块（Admonition）

本站提示块覆盖 13 种类型，标题带等宽类型标签。写作语法是 > [!类型] 标题：

标签页（Tabs）

时间线（Timeline）

• 开始写样式总览
  2026-08-01
• 补全自定义语法示例
  2026-08-07
• 全部样式完成
  2026-08-14

文件树（File Tree）

图库（Gallery）

音乐（Music）

图表

Mermaid 流程图（htmlLabels: false 用 SVG 文字，避免 foreignObject 0×0 文字不可见）：

ECharts 柱状图：

B 站视频（Bilibili）

【官方 MV】Never Gonna Give You Up - Rick Astley03:33 · BV1GJ411x7h7

数学公式

行内公式 $E = mc^2$，块级公式带外框、横向滚动与复制按钮：

折叠区块

诗文（Poem）

古诗文用 ````poem``` 块：默认横排（古诗居中），加 vertical 变竖排（古文右起）。首屏停在正文起点，可拖动或触屏滑动看后续列。

完整能力（朱丝栏、夹注 〔…〕、圈点 〈…〉、落款、版心字数行）见 古籍诗文展示，最小回归见 Poem 古文插件测试。

脚注

正文里放一个脚注^{01第一个脚注，样式和正文区分开。}，再放一个^{02第二个脚注，验证多个脚注的对齐。}。脚注区自动收集在文章末尾，序号零填充对齐。