Markdown、LaTeX 与 Mermaid 渲染测试

0x00 说明

这是一篇渲染样本集合，用来测试 Markdown、LaTeX 和 Mermaid。

0x01 标题

三级标题

四级标题

五级标题

0x02 行内样式

这是 粗体、斜体、删除线、行内代码、下划线。

这是一个站内外链示例。

这是一个脚注示例^[1]。

0x03 列表

无序列表

• 第一项
• 第二项
  • 第二项的子项
  • 第二项的另一个子项
• 第三项

有序列表

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

任务列表

• [x] Markdown
• [x] LaTeX
• [x] Mermaid
• [ ] 其他扩展样式

0x04 引用

这是一级引用。

这是二级引用。

Tips

• 引用内列表
• 引用内 code

0x05 分隔线

---

0x06 代码块

TypeScript

function sum(a: number, b: number) {
  return a + b;
}

console.log(sum(1, 2));

Bash

pnpm install
pnpm hexo clean
pnpm hexo g

JSON

{
  "title": "demo",
  "enabled": true,
  "items": [1, 2, 3]
}

Plain Text

line 1
line 2
line 3

0x07 表格

功能	类型	状态	备注
标题	Markdown	正常	h1-h5
列表	Markdown	正常	有序/无序/任务
公式	LaTeX	测试中	行内/块级
图表	Mermaid	测试中	flowchart/sequence/class

0x08 HTML 混排

这是一个简单的 HTML 块。

折叠块

这里是折叠内容。

0x09 图片

0x0A LaTeX

行内公式：$E = mc^2$、$a^2 + b^2 = c^2$、$\lim_{x \to 0} \frac{\sin x}{x} = 1$。

块级公式一：

$$\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$$

块级公式二：

$$\begin{bmatrix} 1 & 2 \\ 3 & 4 \end{bmatrix} \begin{bmatrix} x \\ y \end{bmatrix} = \begin{bmatrix} 2 \\ 6 \end{bmatrix}$$

块级公式三：

$$f(x) = \int_{-\infty}^{\infty} e^{-x^2} \, dx$$

0x0B Mermaid

流程图

graph TD
    A[编写 Markdown] --> B[插入 LaTeX 公式]
    B --> C[插入 Mermaid 图表]
    C --> D[Hexo 渲染页面]
    D --> E[浏览器查看效果]

时序图

sequenceDiagram
    participant U as User
    participant H as Hexo
    participant B as Browser

    U->>H: 写一篇测试文章
    H->>B: 生成页面
    B->>U: 展示渲染结果

类图

classDiagram
    class Post {
      +string title
      +string content
      +render()
    }

    class Renderer {
      +parseMarkdown()
      +renderMath()
      +renderMermaid()
    }

    Post --> Renderer

0x0C 混合段落

这是一段混合内容：包含 粗体、inline code、link、脚注^[2] 和行内公式 $f(n)=O(n\log n)$。

1. 这是第一个脚注。 ↩
2. 这是第二个脚注。 ↩