在markdown中使用mermaid画图

有些图渲染不出来，是因为当前版本没支持。使用typora或者其他markdown软件就能渲染出来

1.流程图

2.序列图

3.类图

4.状态图

5.实体关系图

6.用户旅程图

7.甘特图

8.饼图

9.象限图

10.需求图

11.Gitgraph（git） 图表

12.C4 图

C4 系统上下文图（C4Context）

C4 容器图（C4Container）

C4 组件图（C4Component）

C4 动态图（C4Dynamic）

C4 部署图（C4Deployment）

13思维导图

14.时间线图

15ZenUML

16.桑基图

17.XY 图表

18.框图文档

19.数据包图

---
title: "TCP Packet"
---
packet-beta
0-15: "Source Port"
16-31: "Destination Port"
32-63: "Sequence Number"
64-95: "Acknowledgment Number"
96-99: "Data Offset"
100-105: "Reserved"
106: "URG"
107: "ACK"
108: "PSH"
109: "RST"
110: "SYN"
111: "FIN"
112-127: "Window"
128-143: "Checksum"
144-159: "Urgent Pointer"
160-191: "(Options and Padding)"
192-255: "Data (variable length)"

• 渲染失败了