什么是 Markdown 流程图?
Markdown 本身不支持绘制流程图,但通过集成 Mermaid 等图表语法,可以在支持该功能的编辑器或平台上使用简单的文本语法生成流程图。
使用 Mermaid 语法绘制流程图
Mermaid 是一个流行的 JavaScript 库,允许用简洁的 Markdown 风格语法创建流程图、时序图等。以下是一个基本示例:
```mermaid
graph TD
A[开始] --> B{条件判断}
B -->|是| C[执行操作]
B -->|否| D[结束]
C --> D
```
将上述代码放入支持 Mermaid 的 Markdown 编辑器(如 Typora、Obsidian、VS Code 插件、GitLab、GitHub Pages 等)即可渲染出流程图。
支持 Markdown 流程图的平台
- Typora:需在偏好设置中启用 Mermaid 支持。
- Obsidian:原生支持 Mermaid 语法。
- VS Code:安装 Mermaid Preview 插件即可预览。
- GitLab / GitHub Pages:通过引入 Mermaid CDN 脚本支持。
- Notion:暂不支持 Mermaid,但可通过嵌入网页实现。
常见问题
Q:GitHub README 能显示 Mermaid 流程图吗?
A:目前 GitHub 原生不支持 Mermaid 渲染。建议将流程图导出为图片后插入。
Q:有没有在线工具可以写并预览 Mermaid 流程图?
A:有!推荐使用 Mermaid Live Editor 实时编写和预览。