我们在写文档，博客的时候，一般都会使用markdown语法，最常见的就是一些github开源项目的README。有时候会去画一些流程图，例如使用process.on或者xmind等第三方网站，然后截图插入到文档中。
今天我们介绍一种使用代码直接生成的方式，那就是mermaid，官网[1]。
相比于截图的方式，这种方式避免了变动的时候要重新去截图上传。试了一下在掘金写文章服务器托管网可以直接使用这种方式。
并且还可以直接在vscode等编辑器中写代码随时预览，不过要装个mermaid的vscode扩展插件。
话不多说，以下使用typora牛刀小试一把。
流程图
graphTB
A(第一步)-->B[第二步]
B[第二步]-->C{条件判断}
C{条件判断}--是-->d[处理逻辑]
C{条件判断}--否-->e[结束]
d[处理业务逻辑]-->e(结束)
流程图
时序图
sequenceDiagram
participantAas张三
participantBas李四
A->>B:Howareyou?
NoteleftofA:注释
B-->>A:I'mFine,Thankyou.
NoterightofB:注释
A-xB:bye.
时序图
甘特图
gantt
title工作计划
dateFormatYYYY-MM-DD
section第一个项目
第一个需求:2023-01-01,10d
第二个需求:20d
section第二个项目
第一个需求:2023-01-08,12d
第二个需求:20d
甘特图
饼图
pie
title这是标题
"哈哈":30
"呵呵":40
"哼哼":20
"嘿嘿":10
饼图
好了，就介绍这么几个，都是简单用法，还可以实现更复杂的图，但是用法也更复杂，有兴趣自己去官服务器托管网网摸索吧~~
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
相关推荐: Electron App 安装包定制 — Inno Setup 脚本 Pascal Scripting 初探
在做 Electron 项目时，有个需求是安装包安装时要给客户机上装上某个软件 在查看 Inno Setup 官网后发现是通过 .iss 脚本编写实现自定义安装过程 可在 .iss 内可以添加脚本为安装过程添加逻辑 为了测试方便我用 vite 新建一个全新的 …
