还在到处寻找画图软件？快来用Typora画饼图、时序图、流程图、UML图和状态图吧

之前在markdown文件中加入图片内容，我一般都是用其他画图软件画好之后，通过markdown插入图片的语法插入的。

这样做有2个非常不方便的地方：

1. 图片比较大，加载速度慢。

好在Typora很强大，支持软件领域很多图形的制作，比如时序图、流程图、状态流转图和甘特图等，从0.9.9.30 (0.9.80) beta版本开始也支持UML类图。

01 — 饼图

画饼图非常非常简单，可以在Typpra中直接写，注意脚本语言标记为mermaid：

效果如下：

效果如下

04 — UML类图

先看类的画法，-开头的是它的私有属性，+开头的是类的公共方法。Protected方法则在前面放上#。对于方法的表示，括 中可以放入方法的参数，在括 后面可以放上方法的返回值类型。类似这样：

多重性是用来说明两个类之间的数量关系，表示为一个整数范围n…m，整数n定义所链接的最少对象的数目，m为最多对象数目（但不确定最大数时，可以* 表示）。

效果如下：

来看下多个互不干扰状态的并行状态流转：

效果图如下：

06 — 总结

赶紧拥抱Typora吧。

参考资料：

https://mermaid-js.github.io/mermaid/

https://www.typora.io/

文章知识点与官方知识档案匹配，可进一步学习相关知识CS入门技能树MarkDown入门MarkDown介绍24720 人正在系统学习中