用简洁的 Markdown 语法轻松绘制专业流程图
Markdown 本身并不原生支持流程图,但借助如 Mermaid 等扩展语法,你可以在支持该功能的编辑器或平台(如 Typora、Obsidian、VS Code 插件、GitHub Pages 等)中快速创建流程图。本文将带你从零开始掌握 Markdown 流程图的写法。
Mermaid 是一个基于 JavaScript 的图表生成工具,支持使用类似 Markdown 的简洁语法来绘制流程图、序列图、甘特图等。它被广泛集成于现代文档工具中。
以下是一个简单的流程图示例:
```mermaid
graph TD
A[开始] --> B{是否登录?}
B -- 是 --> C[进入主页]
B -- 否 --> D[跳转到登录页]
C --> E[结束]
D --> E
```
说明:
graph TD 表示从上到下的流程图(Top Down);也可用 LR(Left Right)表示从左到右。[] 表示普通节点,大括号 {} 表示判断节点。-- 文字 --> 表示带标签的连接线。```mermaid
graph LR
Start --> Stop
```
```mermaid
graph TD
A[/圆角矩形/] --> B((圆形))
B --> C{{菱形}}
C --> D[普通矩形]
```