使用 markdown语法绘制路程图
之前我写博客都是使用上传图片的方式来展示流程图,这种方法比较麻烦,还要自己画,考虑到markdown 语法非常流行,越来越多的人使用 markdown 来写csdn 博客,所以我想能不能用 markdown 快速的绘制流程图呢?答案是肯定的,本篇博客讲述如何使用markdown 语法来进行流程图绘制,语法比较简单,画出的流程图也比较好看。 使用mermaid 绘制流程图 一般语法结果如下所示: ```mermaid graph 方向 内容 …… ``` 方向 方向一共有4个,格式为从哪到哪,每一个方向由两个大写字母表示,大写字母是四个基本方向: 上:Top,下:Bottom,左:Left,右:Right 的首字母。 从上到下:TB (有时候也写作 TD) 从下到上:BT 从左到右:LR 从右到左:RL 内容 流程图主要由以下几种元素组成: 基本节点图形 连接线 连接线上的注释 下面将分别介绍 1.基本节点图像 基本节点图像由两部分组成,一个唯一的id,用于标记节点的身份;节点内的注释内容。基本图像如图所示 矩形 圆角矩形 不对称矩形 菱形 圆形 分别表示如下: 矩形的情况:id1[矩形] 圆角矩形的情况:id2(圆角矩形) 不对称矩形情况:id3>不对称矩形] 菱形情况:id4{菱形} 圆形情况:id5((圆形)) 源代码: ```mermaid graph TB id[矩形]