本文用于测试网站的图表和数学公式渲染功能。

1. Mermaid 流程图测试

graph TD A[开始] --> B{是否需要图表?} B -->|是| C[选择 Mermaid] B -->|否| D[纯文本] C --> E[渲染图表] E --> F[完成] D --> F

2. Mermaid 时序图测试

sequenceDiagram participant 用户 participant 浏览器 participant 服务器 用户->>浏览器: 访问网站 浏览器->>服务器: HTTP 请求 服务器-->>浏览器: 返回页面 浏览器-->>用户: 显示内容

3. PlantUML 类图测试

Loading PlantUML diagram....

4. 数学公式测试

块级公式

质能方程和勾股定理：

E = mc^2

a^2 + b^2 = c^2

麦克斯韦方程组：

\nabla \cdot \mathbf{E} = \frac{\rho}{\epsilon_0}

\nabla \cdot \mathbf{B} = 0

\nabla \times \mathbf{E} = -\frac{\partial \mathbf{B}}{\partial t}

\nabla \times \mathbf{B} = \mu_0 \mathbf{J} + \mu_0 \epsilon_0 \frac{\partial \mathbf{E}}{\partial t}

矩阵

\begin{bmatrix}
a & b \\
c & d
\end{bmatrix}
\begin{bmatrix}
x \\
y
\end{bmatrix}
=
\begin{bmatrix}
ax + by \\
cx + dy
\end{bmatrix}

求和公式

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

积分

\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}

5. Mermaid 甘特图测试

gantt title 项目时间表 dateFormat YYYY-MM-DD section 阶段一 需求分析 :a1, 2025-01-01, 30d 设计 :a2, after a1, 20d section 阶段二 开发 :a3, after a2, 45d 测试 :a4, after a3, 15d

结论

本文测试了以下功能:

  1. ✅ Mermaid 流程图
  2. ✅ Mermaid 时序图
  3. ✅ Mermaid 甘特图
  4. ✅ PlantUML UML 图
  5. ✅ KaTeX 数学公式（使用 ```math 代码块）

所有图表和公式应该能够正常渲染显示。