1. mermaid

• Github
• 文档
• 在线编辑器
• Atom安装mermaid插件

2. 安装

$ npm install mermaid -g

3. 使用

3.1. mermaid CLI

http://knsv.github.io/mermaid/ 搜索mermaid CLI

先安装phantomjs

$ npm install -g phantomjs@1.9

生成图片

$ mermaid test.mmd

3.2. code

http://knsv.github.io/mermaid/ 搜索Flowcharts - Basic Syntax

• graph 流程图
• sequenceDiagram 时序图
• Gant diagrams 甘特图

3.2.1. Test

{% mermaid src="Resource/test.mmd" %}
{% endmermaid %}