【CSDN】 MarkDown编辑器 - Mermaid流程图

前言

自从接触了 CSDN 的 MarkDown 编辑器 ,我仿佛发现了一个宝矿…

CSDN 官方也很贴心的给出了侧边栏的帮助文档，帮我们尽快的熟悉。
其中，注释、 LaTeX 数学公式、甘特图、 UML 图以及流程图引起了我的注意。

以下为官方提供的 Mermaid 流程图示例

```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```

效果

该篇主要讲解 Mermaid 流程图 ,大部分内容参考自 mermaid 文档。

查阅参考文档发现有些内容在 CSDN 上并不适用，亦或许是我使用的姿势不对？
在此总结一下我的一些 Mermaid 使用心得。

正文

布局方向

从上至下

```mermaid
graph TD
Start --> Stop
```

效果