Markdown 本身并不原生支持流程图,但通过集成如 Mermaid 或 PlantUML 等扩展语法,你可以在支持这些语法的编辑器或平台中轻松绘制流程图。
1. 使用 Mermaid 绘制流程图
Mermaid 是目前最流行的 Markdown 流程图方案之一,语法简洁直观。
基本语法示例:
```mermaid
graph TD
A[开始] --> B{判断条件}
B -- 是 --> C[执行操作]
B -- 否 --> D[结束]
C --> D
```
2. 支持 Mermaid 的平台
- Typora(需开启 Mermaid 支持)
- Obsidian
- GitLab / GitHub(部分支持或需插件)
- VS Code + Mermaid 插件
3. PlantUML 方式(适合复杂图表)
PlantUML 功能更强大,但语法稍复杂,通常需要服务端渲染。
@startuml
[*] --> 开始
开始 --> 判断: 条件?
判断 --> 操作1: 是
判断 --> 结束: 否
操作1 --> 结束
@enduml
4. 注意事项
- 标准 Markdown 解析器(如 GitHub README)不支持流程图,需使用特定平台。
- 在网页中嵌入 Mermaid 图表,可引入 Mermaid.js 库动态渲染。
5. 在线尝试
你可以使用支持 Mermaid 的在线 Markdown 编辑器进行实时预览,例如: