Mermaid 图表支持#

1
```mermaid
2
graph TD
3
    A[开始] --> B{条件}
4
    B -->|是| C[处理A]
5
    B -->|否| D[处理B]
6
    C --> E[结束]
7
    D --> E
8
```

1
```mermaid
2
sequenceDiagram
3
    participant 用户 as 用户
4
    participant 系统 as 系统
5
    用户->>系统: 登录请求
6
    系统-->>用户: 登录成功
7
```

1
```mermaid
2
gantt
3
    title 项目计划
4
    dateFormat YYYY-MM-DD
5
    section 开发
6
    需求分析 :done, des1, 2024-01-01, 7d
7
    设计阶段 :active, des2, after des1, 5d
8
    编码实现 : des3, after des2, 10d
9
```

1
```mermaid
2
classDiagram
3
    class 动物 {
4
        名称
5
        年龄
6
        吃()
7
    }
8
    class 狗 {
9
        品种
10
        汪汪叫()
11
    }
12
    动物 <|-- 狗
13
```

1
```mermaid
2
stateDiagram
3
    [*] --> 未登录
4
    未登录 --> 已登录: 登录
5
    已登录 --> 未登录: 注销
6
    已登录 --> 已登录: 操作
7
```

1
```mermaid
2
erDiagram
3
    CUSTOMER ||--o{ ORDER : places
4
    ORDER ||--|{ LINE-ITEM : contains
5
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
6
```

1
```mermaid
2
journey
3
    title 在线购物旅程
4
    section 发现阶段
5
        访问首页: 5: 用户
6
        浏览商品: 4: 用户
7
    section 购买阶段
8
        加入购物车: 5: 用户
9
        完成支付: 4: 用户, 支付系统
10
```

1
```mermaid
2
gitGraph
3
    commit
4
    branch feature
5
    commit
6
    commit
7
    checkout main
8
    merge feature
9
```

1
```mermaid
2
pie
3
    title 饼图示例
4
    "A" : 30
5
    "B" : 20
6
    "C" : 50
7
```

1
```mermaid
2
C4Component
3
    title Component diagram for Internet Banking System
4
    Container_Boundary(web, "Web Application") {
5
        Component(web_app, "Web App", "React", "Provides UI")
6
    }
7
```

1
```mermaid
2
mindmap
3
    root((项目))
4
        需求分析
5
        设计
6
        编码
7
        测试
8
        部署
9
```

1
```mermaid
2
xychart-beta
3
    title "月度销售"
4
    x-axis [Jan, Feb, Mar]
5
    y-axis "销售额" 0 --> 10000
6
    bar [5000, 6000, 7500]
7
    line [5000, 6000, 7500]
8
```

1
```mermaid
2
timeline
3
    title 时间线示例
4
    2023-01-01 : 事件1
5
    2023-02-01 : 事件2
6
    2023-03-01 : 事件3
7
```