1、mermaid支持流程图,时序图和甘特图的脚本生成。目前部分Markdown编辑器支持mermaid语法。
2、我们通过下面的例子一探mermaid的学习成本。
3、图表方向,如:graph TD,从上至下
4、`螬绣囤扮``mermaidgraph TD client1-->|read / write|SVN烫喇霰嘴((SVN server)) client2-->|read only|SVN client3-->|read / write|SVN client4-->|read only|SVN client5(...)-->SVN SVN---|store the data|sharedrive```
5、```mermaid```是markdown语法,表示mermaid代码块。SVN((SVN server))——表示这个节点形状是一个圆。|read only|SVN——以这种方式添加节点之间的文本。
6、`螬绣囤扮``mermaidgraph TD subgraph SVN Architecture clie荏鱿胫协nt1-->|read / write|SVN((SVN server)) client2-->|read only|SVN client3-->|read / write|SVN client4-->|read only|SVN client5(...)-->SVN SVN---|store the data|sharedrive end```使用subgraph和end关键字来区分子模块。
7、应该说学习成本很低,大家可以通过官网的例子马上就可以使用了。