Skip to content

Mermaid 图表

Mermaid 是基于文本语法的图表工具,适合在 Markdown 中快速绘制流程图、时序图、状态图等。

在 Firefly 中,Mermaid 为内置能力,无需额外配置文件;只要在文章中使用 mermaid 代码块即可渲染。

使用方式

md
```mermaid
graph TD
  A[开始] --> B{条件判断}
  B -->|是| C[继续处理]
  B -->|否| D[结束]

## 常见图表示例

### 流程图

```mermaid
graph LR
  User[用户] --> Web[前端]
  Web --> API[后端接口]
  API --> DB[(数据库)]

时序图

mermaid
sequenceDiagram
  participant U as 用户
  participant S as 服务端
  U->>S: 请求数据
  S-->>U: 返回结果

状态图

mermaid
stateDiagram-v2
  [*] --> 草稿
  草稿 --> 已发布 : 发布
  已发布 --> 已归档 : 归档
  已归档 --> [*]

说明

  • Mermaid 图表会在页面端渲染。
  • 代码块语言必须是 mermaid
  • 图表语法错误时,页面会显示渲染失败信息,请先检查 Mermaid 语法。

更多语法请参考 Mermaid 官方文档.