Mermaid 图表测试

350 字
2 分钟
Mermaid 图表测试

Mermaid 图表测试#

本文测试博客中的 Mermaid 图表渲染功能。

流程图示例#

graph TD A[开始] --> B{是否登录?} B -->|是| C[进入主页] B -->|否| D[跳转到登录页] C --> E[显示用户信息] D --> F[输入用户名密码] F --> G[验证身份] G --> H[验证成功?] H -->|是| C H -->|否| I[显示错误信息] I --> D

序列图示例#

sequenceDiagram participant 用户 participant 网站 participant API participant 数据库 用户->>网站: 访问页面 网站->>API: 请求数据 API->>数据库: 查询 数据库-->>API: 返回结果 API-->>网站: JSON响应 网站-->>用户: 渲染页面

饼图示例#

pie title 编程语言使用比例 "JavaScript" : 40 "Python" : 25 "Java" : 20 "其他" : 15

甘特图示例#

gantt title 项目开发计划 dateFormat YYYY-MM-DD section 设计 需求分析 :done, des1, 2026-03-01, 7d 原型设计 :active, des2, 2026-03-08, 5d 界面设计 : des3, after des2, 5d section 开发 前端开发 : dev1, after des3, 10d 后端开发 : dev2, after des3, 12d section 测试 单元测试 : test1, after dev1, 5d 集成测试 : test2, after dev2, 7d

类图示例#

classDiagram class Animal { +String name +int age +eat() +sleep() } class Dog { +bark() } class Cat { +meow() } Animal <|-- Dog Animal <|-- Cat

状态图示例#

stateDiagram-v2 [*] --> 待处理 待处理 --> 进行中: 开始处理 进行中 --> 已完成: 完成任务 进行中 --> 待处理: 取消 已完成 --> [*]: 结束

测试完成!

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或赞助支持!

赞助
Mermaid 图表测试
https://jiheweihuan.github.io/posts/mermaid-test/
作者
几何为欢
发布于
2026-03-20
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
几何为欢
CUMT 2025级大一在读 人工智障专业 CTF/ACM入门ing 希望成为CS/AI人才喵!
公告
欢迎来到我的博客!这是一则示例公告。
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
13
分类
7
标签
19
总字数
6,280
运行时长
0
最后活动
0 天前

目录