Mermaid 图表
3 分
Mermaid 图表 使您能够直接从文本创建图表和可视化内容。它们有助于记录工作流程、流程、架构和交互，而无需依赖图像。
语法
Mermaid 图表使用标准的 fenced code block 语法。
```mermaid
sequenceDiagram
A->>B: message
```示例
以下示例创建了一个 sequence diagram，用于展示 API 请求流程。
```mermaid
sequenceDiagram
autonumber
participant C as Client
participant A as API
participant K as Cache
participant D as DB
C->>+A: GET /users/123
A->>+K: lookup user:123
alt cache hit
K-->>A: cached user
else cache miss
K-->>A: null
A->>+D: SELECT * FROM users WHERE id=123
D-->>-A: user row
A->>K: SET user:123
end
A-->>-C: 200 OK
```以下示例创建了一个 flowchart。
```mermaid
flowchart TD
A[Start] --> B{Is config valid?}
B -->|Yes| C[Load docs]
B -->|No| D[Show error]
C --> E[Start server]
E --> F[Open browser]
D --> G[Exit]
```Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.