Markdown流程图语法与使用指南

Markdown本身不支持绘制流程图，但通过集成如 Mermaid 这样的图表库，你可以在支持该语法的编辑器或平台（如 Typora、Obsidian、GitHub + 插件、VS Code 等）中轻松创建流程图。

什么是 Mermaid？

Mermaid 是一个基于 JavaScript 的图表生成工具，允许你使用类似 Markdown 的简洁语法来创建流程图、序列图、甘特图等。

基础流程图语法

以下是一个简单的流程图示例：

```mermaid
graph TD
    A[开始] --> B{是否登录?}
    B -- 是 --> C[进入主页]
    B -- 否 --> D[跳转到登录页]
    C --> E[结束]
    D --> E
```

常用节点类型

• [文本]：矩形节点（默认）
• {文本}：菱形判断节点
• ((文本))：圆形节点
• [/文本/]：平行四边形（常用于输入/输出）

方向控制

使用 graph TD（Top Down，自上而下）或 graph LR（Left Right，从左到右）指定流程方向。

```mermaid
graph LR
    Start --> Stop
```

注意事项

并非所有 Markdown 渲染器都原生支持 Mermaid。请确认你使用的平台是否支持（如 GitHub 需借助插件，而 Obsidian 和 Typora 默认支持）。

在线尝试工具推荐

你可以使用 Mermaid Live Editor 在线编写并实时预览流程图。