详细使用说明,请参考以下连接:https://cloud.tencent.com/developer/article/1334691
https://zhuanlan.zhihu.com/p/627356428
Typora 的制图功能是由 Mermaid 强力驱动,如果你使用过 PlantUML,那么 Mermaid 也非常容易上手。
Mermaid
Mermaid是一种简单的类似 Markdown 的脚本语言,通过 JavaScript 编程语言,将文本转换为图片。因此,真正实现画图功能的并不是 Typora 本身,它只是内置了对 Mermaid 的支持。
Mermaid 支持绘制非常多种类的图,常见的有时序图、流程图、类图、甘特图等等。下面分享一下如何绘制这些图,语法非常容易掌握。
先在 Typora 中,输入 ```mermaid 然后敲击回车,即可初始化一张空白图。
时序图
语法解释:->> 代表实线箭头,-->> 则代表虚线。
sequenceDiagram
participant Client
participant KongAPIGateway
participant BackendServer1
participant BackendServer2
Client ->> KongAPIGateway: 发送TCP请求
KongAPIGateway ->> BackendServer1: 转发TCP请求
BackendServer1 -->> KongAPIGateway: 返回TCP响应
KongAPIGateway -->> Client: 将TCP响应返回给客户端
alt 其他后端服务器
KongAPIGateway ->> BackendServer2: 转发TCP请求
BackendServer2 -->> KongAPIGateway: 返回TCP响应
KongAPIGateway -->> Client: 将TCP响应返回给客户端
end