多语言展示
当前在线:142今日阅读:39今日分享:10

怎么用Markdown画图

mermaid:以Markdown的方式生成图表和流程框图。
工具/原料
1

Haroopad编辑器:http://pan.baidu.com/s/1nv7yHK1

2

mermaid官网:http://knsv.github.io/mermaid/#demos

方法/步骤
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——以这种方式添加节点之间的文本。

7

应该说学习成本很低,大家可以通过官网的例子马上就可以使用了。

推荐信息