前言
Mermaid是一种基于Javascript的绘图工具,使用类似于Markdown的语法,使用户可以方便快捷地通过代码创建图表。
总之就是感觉好用,于是学一下(
注:markdown编辑器要用Typora这种支持mermaid渲染
官方文档:
https://github.com/mermaid-js/mermaid/blob/develop/README.zh-CN.md
http://mermaid.js.org/syntax/flowchart.html
流程图
设置节点
默认的写法直接写节点名即可
要写一个带有文本的节点需要在节点名后面加上[]
,其中的内容建议用""
包裹,以防渲染unicode文本失败
flowchart LR
id1
id2["Test❤"]
设置方向
首先在flowchart
里面指定方向:TD
或TB
是从上到下,LR
是从左到右,同理RL
就是从右到左,BT
就是从下到上
箭头的写法就是-->
flowchart LR
id1
id2
id1-->id2