无锡制作网站公司哪家好,深一互联网站建设怎样,大连企业建设网站,机械毕业设计代做网站我们在写文档#xff0c;博客的时候#xff0c;一般都会使用markdown语法#xff0c;最常见的就是一些github开源项目的README。有时候会去画一些流程图#xff0c;例如使用process.on或者xmind等第三方网站#xff0c;然后截图插入到文档中。
今天我们介绍一种使用代码直… 我们在写文档博客的时候一般都会使用markdown语法最常见的就是一些github开源项目的README。有时候会去画一些流程图例如使用process.on或者xmind等第三方网站然后截图插入到文档中。
今天我们介绍一种使用代码直接生成的方式那就是mermaid官网[1]。
相比于截图的方式这种方式避免了变动的时候要重新去截图上传。试了一下在掘金写文章可以直接使用这种方式。 并且还可以直接在vscode等编辑器中写代码随时预览不过要装个mermaid的vscode扩展插件。 话不多说以下使用typora牛刀小试一把。
流程图
graph TBA(第一步) -- B[第二步]B[第二步] -- C{条件判断}C{条件判断} -- 是 -- d[处理逻辑]C{条件判断} -- 否 -- e[结束]d[处理业务逻辑] -- e(结束) 流程图
时序图
sequenceDiagramparticipant A as 张三participant B as 李四A - B: How are you?Note left of A: 注释B -- A: Im Fine, Thank you.Note right of B: 注释A -x B: bye. 时序图
甘特图
gantttitle 工作计划dateFormat YYYY-MM-DDsection 第一个项目第一个需求 :2023-01-01, 10d第二个需求 :20dsection 第二个项目第一个需求 :2023-01-08, 12d第二个需求 :20d 甘特图
饼图
pietitle 这是标题哈哈 : 30呵呵 : 40哼哼 : 20嘿嘿 : 10 饼图
好了就介绍这么几个都是简单用法还可以实现更复杂的图但是用法也更复杂有兴趣自己去官网摸索吧~~
