KaTeX 和 Mermaid 测试

Wed, 17 Jan 2024 10:00:00 +0800

KaTeX 和 Mermaid 测试

本文用于测试 KaTeX 数学公式渲染和 Mermaid 图表功能。

Mermaid 图表测试

流程图

 graph TD
 A[开始] --> B{是否为用户？}
 B -->|是| C[显示用户界面]
 B -->|否| D[显示登录页面]
 C --> E[用户操作]
 D --> F[用户登录]
 F --> G{登录成功？}
 G -->|是| C
 G -->|否| H[显示错误信息]
 H --> D
 E --> I[结束]

序列图

 sequenceDiagram
 participant 用户
 participant 浏览器
 participant 服务器
 participant 数据库

 用户->>浏览器: 输入网址
 浏览器->>服务器: 发送HTTP请求
 服务器->>数据库: 查询数据
 数据库-->>服务器: 返回数据
 服务器-->>浏览器: 返回HTML
 浏览器-->>用户: 显示页面

甘特图

 gantt
 title 项目开发时间线
 dateFormat YYYY-MM-DD
 section 设计阶段
 需求分析 :done, des1, 2024-01-01,2024-01-05
 UI设计 :done, des2, 2024-01-06, 2024-01-12
 原型制作 :active, des3, 2024-01-13, 2024-01-18
 section 开发阶段
 前端开发 : dev1, 2024-01-19, 2024-02-15
 后端开发 : dev2, 2024-01-19, 2024-02-20
 数据库设计 : dev3, 2024-01-19, 2024-01-25
 section 测试阶段
 单元测试 : test1, 2024-02-16, 2024-02-25
 集成测试 : test2, 2024-02-21, 2024-03-01
 用户测试 : test3, 2024-02-26, 2024-03-05

KaTeX 测试

行内公式

这是一个行内公式：$E = mc^2$，爱因斯坦的质能等价公式。

数学图表 on Hugo Narrow

KaTeX 和 Mermaid 测试

KaTeX 和 Mermaid 测试

Mermaid 图表测试

流程图

序列图

甘特图

KaTeX 测试

行内公式