Mermaid简介

Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。

官方网站：https://mermaidjs.github.io/

项目地址：https://github.com/knsv/mermaid

流程图语法

定义节点

表述	说明
id[文字]	矩形节点
id(文字)	圆角矩形节点
id((文字))	圆形节点
id>文字]	旗帜状节点
id{文字}	菱形节点

定义连线

表述	说明
>	添加尾部箭头
-	不添加尾部箭头
--	单线
--text--	单线上加文字
==	粗线
==text==	粗线加文字
-.-	虚线
-.text.-	虚线加文字

参考资料

有道云笔记Markdown指南

Mermaid 实用教程 - CSDN