mermaid语法画图

mermaid 脚本语言

graph TB 从上到下
graph BT 从下到上
graph RL 从右到左
graph LR 从左到右

graph LR;
A001-->B001;

graph LR; A001-->B001;

graph TB;
C001-->D001;

graph TB; C001-->D001;

graph TB;
A[001]-->B[111];
A--->C[003];

graph TB; A[001]-->B[111]; A--->C[003];

-->  实线箭头
---  实线
-.-  虚线
-.-> 虚线箭头

graph LR; A[吃早餐]-->B[牛奶]; A---B[热的];

graph LR;
A[吃早餐]-.-B[煎饼];
A-.->C;
C[牛奶]---D[脱脂牛奶];
B---E[不加鸡蛋];
D-.->F[吃饱了];
E-.->F[吃饱了];

graph LR; A[吃早餐]-.-B[煎饼]; A-.->C; C[牛奶]---D[脱脂牛奶]; B---E[不加鸡蛋]; D-.->F[吃饱了]; E-.->F[吃饱了];

绘制网络拓扑图
[内容] 矩形
{内容} 菱形
(内容) 圆弧形
>内容] 非对称
((内容)) 圆形
graph TB;
0{设备联网流程图}
A(添加设备)-->B>连接线缆];
B-->C0((PC配置));

graph TB; 0{设备联网流程图} A(添加设备)-->B>连接线缆]; B-->C0((PC配置));

flowchart
连线为弧形
flowchart TB;
0{设备联网流程图}
A(添加设备)-->B>连接线缆];
B-->C0((PC配置));

flowchart TB; 0{设备联网流程图} A(添加设备)-->B>连接线缆]; A-->D[123]; B-->C0((PC配置));

|内容|：将内容显示在连线上

flowchart TB; 0{设备联网流程图} A(添加设备)-->|你好|B>连接线缆]; A-->D[123]; B-->C0((PC配置));

subgraph：定义子模块
flowchart LR;
subgraph 调度服务
1(192.168.121.1)---|高可用|2(192.168.121.111)
end
subgraph web服务
3(192.168.22.12)
4(192.168.121.14)
5(192.168.121.66)
end

subgraph 存储服务
6{192.168.121.88}---|高可用|7{192.168.121.99}
end
用户-->调度服务-->3 & 4 & 5-->存储服务

flowchart LR; subgraph 调度服务 1(192.168.121.1)---|高可用|2(192.168.121.111) end subgraph web服务 3(192.168.22.12) 4(192.168.121.14) 5(192.168.121.66) end subgraph 存储服务 6{192.168.121.88}---|高可用|7{192.168.121.99} end 用户-->调度服务-->3 & 4 & 5-->存储服务