mermaid图表支持html标签,在Markdown中用mermaid语法绘制图表

流程图

该流程图就是用下方的代码再markdown中实现的

```mermaid

graph RL;

A-->B;

A-->C;

B-->D;

C-->D;

```

关键词解读

关键词

功能

graph

定义流程图

TD

流程图方向。mermai的方位还有T、D、L、 R，分别代表上、下、左、右。两个方位组合成一个流动方向。本案例是从上到下，即TD

-->

有向箭头

节点还可以用 ::: 调用修饰函数，如下

```mermaid

graph LR

A:::someclass --> B

classDef someclass fill:#f96;

```

时序图