Markdown中如何编写思维导图-mermaid插件

最近学习中想用思维导图记录学习的大纲，markdown是支持写思维导图的，常用的Typora编辑器也支持mermaid的渲染，在博客后台编辑器中试了一下，结果不支持~，那就简单记录一下

例子：

``` mermaid
graph TB
root(博客系统)
1(前台)
2(后台)
root-->1
root-->2
```

基础语法：

1、以``` mermaid 开始，```结尾中间便是mermaid语句

``` mermaid

```

2、声明构建画布的布局方向

TB：由上到下，RL：从右到左，LR：从左到右，BT：从下往上

graph TB

3、创建节点，并使节点连接在一起

• 节点语法：id(显示文本)，若不带后面的括号默认文本显示id值

• 箭头：id1-->id2