在文章中画流程图

我们可以使用Mermaid,协助我们在Markdown中快速地通过代码绘制图表。

什么是Mermaid?

Mermaid是一个开源的Javascript库,使用类似于Markdown的语法,使用户可以方便快捷地通过代码在Markdown中创建图表。

怎样使用Mermaid?

使用集成了Mermaid渲染功能的Markdown编辑器,如Typora;Vuepress已经集成了Mermaid。

Mermaid可以绘制哪些图表?

  • 饼状图:使用pie关键字,具体用法后文将详细介绍
  • 流程图:使用graph关键字,具体用法后文将详细介绍
  • 序列图:使用sequenceDiagram关键字
  • 甘特图:使用gantt关键字
  • 类图:使用classDiagram关键字
  • 状态图:使用stateDiagram关键字
  • 用户旅程图:使用journey关键字

Mermaid有官方文档吗?

https://mermaid.js.org/intro/open in new window

Last Updated:
Contributors: dongyz8