什么是 Markdown 流程图?
Markdown 本身不支持流程图语法,但通过集成如 Mermaid 或 Graphviz 等工具,可以在支持这些扩展的编辑器或平台(如 Typora、Obsidian、GitHub + 插件、VS Code 插件等)中编写流程图。
使用 Mermaid 绘制流程图(推荐)
Mermaid 是目前最流行的 Markdown 流程图方案,语法简洁直观。
基本语法示例:
```mermaid
graph TD
A[开始] --> B{是否登录?}
B -- 是 --> C[进入主页]
B -- 否 --> D[跳转到登录页]
C --> E[结束]
```
说明:
graph TD:表示从上到下的流程图(Top Down)A[开始]:矩形节点B{是否登录?}:菱形判断节点-- 是 -->:带标签的连接线
其他方向与节点类型
Mermaid 支持多种布局方向和节点样式:
graph LR:从左到右(Left Right)graph BT:从下到上(Bottom Top)( ):圆角矩形(( )):圆形[ / ]:梯形
注意事项
并非所有 Markdown 渲染器都原生支持 Mermaid。请确保你使用的平台支持(如 GitHub 需开启插件,本地可用 Typora 或 VS Code + Mermaid 插件)。
在线尝试工具推荐
你可以使用以下工具实时预览 Markdown 流程图: