0%

Use mermaid to render Graph

Mermaid是一个可以把markdown格式代码,渲染成流程图的工具。
git:https://github.com/knsv/mermaid/
在octopress上实现mermaid的方法参考:http://mostlyblather.com/blog/2015/05/23/mermaid-jekyll-octopress/

比如下面的代码:

graph TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[Car]

渲染的结果如下:
mermaid graph

graph TD A[Christmas] -->|Get money| B(Go shopping) B --> C{Let me think} C -->|One| D[Laptop] C -->|Two| E[iPhone] C -->|Three| F[Car]

sublime有一个插件可以在浏览器中预览效果:
From the Command Palette: Mermaid: View In Browser

快捷键:shift+command+p

感谢您的鼓励和打赏!