Typora markdown中画图表

原创
2021/10/28 10:48
阅读数 59

作者最喜欢的 Markdown 工具就是 Typora 了。当然, Typora 除了 MD 的基本功能外,还支持自定义主题 https://theme.typora.io/doc/ ,还支持画图表。

Typora 中内置了 js-sequence (https://bramp.github.io/js-sequence-diagrams/),内置了 flowchart.js(http://flowchart.js.org/),还内置了 Mermaid (https://mermaid-js.github.io/mermaid/#/)

使用 sequence 画时序图

title: sequence 「TCP 连接3次握手」时序图
participant 客户端 as a
participant 服务器 as b

note right of a: SEQ=x,SYN=1
a->b: 1.发送 SYN 报文
note left of a: SYN_SENT
note left of b: SEQ=y,ACK=x+1,\n SYN=1,ACK=1
b->a: 2.发送 SYN+ACK 报文
note right of b: SYN_RECV
a->b: 发送 ACK 报文
note right of a: SEQ=x+1,ACK=y+1\n ACK=1
note left of a: ESTABLISHED
note right of b: ESTABLISHED
note over a,b: 完成连接的3次握手

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部