md格式表示大部分树或图

1 篇文章 0 订阅

  • 由于刚开始写博客,对md文件不太熟悉,所以要表示二叉树时产生了很多疑问,在了解一番后,准备记录一下大部分格式,方便之后直接使用

1.方向表示

  • 竖向流程图:在开始部分用garph TD表示
A
B
C
D

代码:

```mermaid
graph TD
A((A)) --> B((B))
A --> C((C))
B --> D((D))
C --> D
```
  • 横向流程图:用graph LR表示
A
B
C
D

代码:

```mermaid
graph LR
A[A] --> B((B))
A --> C((C))
B --> D{D}
C --> D
```

2.包围框的显示:举个例子

  • 各种框:
长方形
椭圆
圆柱
棱形
例子
书签

代码:

```mermaid
graph LR
A[长方形]
B((圆))
C[(椭圆)]
D[(圆柱)]
E{棱形}
F[[例子]]
G>书签]
```
  • 总结:在上面代码中可以明显的看出形状与包围其中说明字符的符号有关,[]就是矩形,(())是圆等等,不填符号的话,默认为矩形。

3.简单语法

  • 在上例中可以看到,符号中包围的字符就是流程图中显示的字符,而前面的大写字母相当于这个框的“名字”,只能用大写字母区分,有了这个用以标识的字母,md文件就会自动生成特定的流程图。

4.流程图指向说明

例如:

5
1
B
1
D

代码

```mermaid
graph LR
A((1))-->B
C((1))--5-->D
```

说明:在上面的代码可以看出,–>表示指的方向,如果在-- -->中插入不同字符就可以显示权值或者你所想要的解释。

5.二叉树举例

1
2
3
4
5
6
7

代码:

```mermaid
graph TD
A((1))-->B((2))
A((1))--> C((3))
B((2))--> E((4))
B((2))--> D((5))
C((3))-->F((6))
C((3))-->G((7))
```

6.总结

  • md格式表示流程图最重要的就是用大写字母区分不同的块,然后取决于不同的指向自动生成流程图,其他的树或者图都可以依次写出,此处就不一一列举。
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值