Mermaid 语法教程

Mermaid 是一个基于 JavaScript 的图表绘制工具，它可以将文本语法转换成各种图表。以下是一个简单的 Mermaid 语法教程。

基础语法

流程图

graph TD;
    A[开始] --> B{判断}
    B -- 是 --> C[操作]
    B -- 否 --> D[结束]

时序图

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    John->>Bob: Bob, I am good!
    Bob-->>Alice: Alice, I am good too!

Gantt 图

gantt
    title 项目进度
    section 设计
    设计: active, des1, 2023-04-01, 30d
    section 开发
    开发: after des1, 40d

本站链接

更多关于 Mermaid 的信息，请访问我们的Mermaid 语法参考。

图片示例

Mermaid 图表示例