怎么用Markdown画图

1、mermaid支持流程图，时序图和甘特图的脚本生成。

目前部分Markdown编辑器支持mermaid语法。

2、我们通过下面的例子一探mermaid的学习成本。

3、图表方向，如：

graph TD，从上至下

4、```mermaid

graph 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、```mermaid

graph TD

    subgraph SVN Architecture

    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

    end

```

使用subgraph和end关键字来区分子模块。

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