如何用CSDN的Markdown画树图

Posted 2022-12-02 nufe_wwt

如何用CSDN的Markdown画树图

不想在WPS的流程图里摸鱼了，想起来Mermaid流程图用Markdown画的很快，于是来看了看CSDN自带的md编辑器，我也不扯太难的，要是你自己想了解更多 参考文档 去吧。在这里我就简单的画个树（为了防止过两天我失忆了连树都忘记怎么画了）。

```mermaid
graph TB

A((A))
B((B))
C((C))
D((D))
E((E))
F((F))
G((G))
H((H))
I((I))
J((J)) 
K((K))
A-->B
A-->C
A-->D
E-->F
G-->H
G-->I
I-->J
```

画出来就是下面这样子:

拿A((B))举例吧，好比有一个字典 dictA:B，A就是key键值，B就是value，在数的圈圈里显示的是value。-->就是指向线，也可以“初始化的时候就赋值”，例如：A((A))-->B((B))其实就等价与A((A))<CR>B((B))<CR>A-->B

代码中的graph TB写成graph Top to Bottom是不是一下就懂了，推而广之就有：

---

graph BT

---

graph LR

---

graph RL

---

再说两句吧

```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D菱形
C --> D
```

这个是CSDN提供的例子，可以看到给了四种图形：矩形[]圆形(())圆角矩形[]菱形
还指出了-- 链接 -->这个用法。

（二叉树画不来）