Markdown本身不支持流程图,但通过集成 Mermaid 等扩展语法,可以在支持的编辑器或平台上轻松绘制流程图。
1. 基础语法(Mermaid)
Mermaid 是目前最流行的 Markdown 流程图方案,语法简洁直观。
基本结构
```mermaid
graph TD
A[开始] --> B{判断条件}
B -->|是| C[执行操作]
B -->|否| D[结束]
C --> D
```
方向说明
graph TD:从上到下(Top Down)graph LR:从左到右(Left Right)graph BT:从下到上graph RL:从右到左
2. 节点类型
- 矩形节点:
A[内容] - 圆角矩形:
B((内容)) - 菱形(判断):
C{条件} - 圆形:
D(( )) - 文本节点:
E(内容)
3. 连接线样式
- 普通箭头:
--> - 带文字箭头:
-- 文字 --> - 虚线箭头:
-.-> - 无箭头连线:
---
4. 使用环境
以下平台支持 Mermaid 流程图:
- Typora(需开启 Mermaid 支持)
- Obsidian
- GitLab / GitHub(部分支持,需插件)
- VS Code + Mermaid 插件
- 在线编辑器如 Mermaid Live Editor
5. 示例:用户登录流程
```mermaid
graph TD
Start([用户打开页面]) --> Input[输入用户名和密码]
Input --> Validate{验证是否正确?}
Validate -->|是| Success[跳转主页]
Validate -->|否| Error[显示错误提示]
Error --> Input
```
注意:实际渲染效果取决于你使用的 Markdown 渲染器是否支持 Mermaid。