mermaid流程图工具_Markdown高级使用之流程图

文章首发于博客园，转载请注明出处：

Markdown高级使用之流程图 - 小白先生哦 - 博客园

流程图在Markdown中的的表现形式就是代码块，代码块语言标记为mermaid。主要内容大体分为：方向、节点、节点间的连接关系，下面就围绕这三个点来整理。
mermaid支持流程图、甘特图和时序图，但是经过这次尝试，结论就是画图的话还是使用专业的画图工具，这个只能作为一种简单选项用在简单场景下。所以这里就只总结一下流程图的使用，其它两种就没必要了，不是怎么好用。

---

流程图方向

流程图总体分为横向和纵向两种。总共四个方向：T-上，BD-下；L-左，R-右。使用方式就是横向的两两结合，纵向的两两结合。比如从左到右为LR，从上到下为TB或者TD。

从上到下演示：

​~~~mermaid
graph TD
A --> B
​~~~

从上到下的展示效果：

从左到右演示：

​~~~mermaid
graph LR
	A --> B
​~~~<