title: Markdown 渲染器综合测试文档
author: 测试用户 @tester

date: 2025-12-16

Markdown 渲染器综合测试文档

本文用于全面测试 Markdown 渲染器的能力：
- GitHub Flavoured Markdown（GFM）
- LaTeX 数学公式（行内与行间）
- LaTeX 扩展（化学、物理）
- Mermaid 图表
- HTML 标签（<video>, <iframe>, <img> 等）
- 表格、任务列表、代码高亮等

1. 基础文本样式与 GFM 扩展

1.1 行内样式

这是粗体，这是斜体，这是粗斜体，这是删除线，这是等宽 code span。
这是带转义的 Markdown 字符：* _ ` # | [ ] ( ) { } \< > \~。

支持 GFM 的表情短码：:smile: :tada: :+1:

带用户和组织引用：
@octocat 请查看这个 issue。
属于 github/markup 组织。

1.2 引用与嵌套

一级引用

二级引用，内部有 粗体 和 行内代码

• 嵌套列表项 1
• 嵌套列表项 2

1.3 列表与任务列表

1. 有序列表第一个
2. 有序列表第二个
3. 子项 2.1
4. 子项 2.2

• 无序列表一
• 无序列表二
• 子列表 A
• 子列表 B

• 已完成任务

• 未完成任务
• 支持 GFM 任务列表渲染

2. 代码块与语法高亮

echo "Hello, Markdown Renderer"
ls -la

{
"name": "markdown-test",
"version": "1.0.0",
"dependencies": {
"typescript": "^5.0.0"
}
}

function add(a, b) {
return a + b;
}
console.log(add(1, 2));

type Result<T> = { ok: true; value: T } | { ok: false; error: string };

function safeDivide(a: number, b: number): Result<number> {
if (b === 0) return { ok: false, error: "Division by zero" };
return { ok: true, value: a / b };
}

def fib(n: int) -> int:
if n <= 1:
return n
return fib(n - 1) + fib(n - 2)

3. 表格、脚注与引用链接（GFM）

这是一个带脚注的句子¹，以及第二个脚注²。

更多内容参见 Markdown 指南 与 GFM 说明。

4. 数学公式（行内与行间）

4.1 行内公式

狭义相对论的著名关系式为行内公式：E = mc^2。
二次方程 ax^2 + bx + c = 0 的解为：
x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}。

概率论中的期望：\mathbb{E}[X] = \sum_i x_i p_i。
向量点积：\mathbf{a} \cdot \mathbf{b} = \sum_{i=1}^n a_i b_i。

4.2 行间公式

E = mc^2

\int_{-\infty}^{+\infty} e^{-x^2}\,dx = \sqrt{\pi}

\nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0}, \quad
\nabla \cdot \mathbf{B} = 0, \quad
\nabla \times \mathbf{E} = - \frac{\partial \mathbf{B}}{\partial t}, \quad
\nabla \times \mathbf{B} = \mu_0 \mathbf{J} + \mu_0 \varepsilon_0 \frac{\partial \mathbf{E}}{\partial t}

\begin{aligned}
\text{Bayes}(A \mid B) &= \frac{P(B \mid A) P(A)}{P(B)} \
P(B) &= \sum_i P(B \mid A_i) P(A_i)
\end{aligned}

5. LaTeX 扩展：化学与物理

5.1 化学公式（mhchem）

行内化学公式示例：\ce{H2O}、\ce{CO2}、\ce{NaCl}。

化学方程式：

\ce{2H2 + O2 -> 2H2O}

酸碱反应：

\ce{HCl + NaOH -> NaCl + H2O}

氧化还原反应：

\ce{2MnO4^- + 5C2O4^{2-} + 16H+ -> 2Mn^{2+} + 10CO2 + 8H2O}

5.2 物理单位（siunitx）

v = \SI{3.0e8}{m/s},\quad F = \SI{1.5}{N},\quad T = \SI{300}{K}

[F] = [m][a] = \mathrm{kg \cdot m / s^2}

矢量与张量：

\vec{E},\ \vec{B},\ \tensor{\sigma},\ \hat{n}

量子力学：

\hat{H} \ket{\psi} = E \ket{\psi},\quad
\braket{\phi | \psi} = \int \phi^*(x) \psi(x)\,dx

6. Mermaid 图表测试

7. HTML 标签测试

7.1 图片

7.2 视频

7.3 iframe

8. 折叠内容

SELECT * FROM users WHERE active = 1;

9. 综合示例

9.1 问题描述

带阻尼简谐振子：

m \ddot{x} + \gamma \dot{x} + k x = 0

固有角频率：\omega_0 = \sqrt{k/m}
阻尼比：\zeta = \frac{\gamma}{2\sqrt{km}}

9.2 三种情形

• 过阻尼：\zeta > 1
• 临界阻尼：\zeta = 1
• 欠阻尼：\zeta<1

欠阻尼解：

x(t) = A e^{-\zeta \omega_0 t} \cos(\omega_d t + \phi),
\quad
\omega_d = \omega_0 \sqrt{1 - \zeta^2}

9.3 流程图

10. 结束语

如果你的 Markdown 渲染器能正确处理以上内容，那么它已经非常强大。