在WordPress网站上支持绘制流程图、状态图、时序图、甘特图等图

是否日常为了频繁绘制流程图、状态图、时序图、甘特图等图而感到麻烦？我们可以通过一定的代码转换成这些图从而简化工作量

Mermaid ，即 mermaid.js，是一个用于画流程图、状态图、时序图、甘特图等图，使用 JavaScript 进行渲染的库

Mermaid 样例代码和效果图如下

此处笔者在 WordPress 网站上将 Mermaid 融入进 Markdown 编辑中

💬相关

在 WordPress 网站上支持 Markdown 可查看此篇

https://blog.dreature.xyz/?p=1595

在 WordPress 已经安装了 WP Githuber MD 插件的基础上，再安装 WP Mermaid 插件

🗃️附件

WP Githuber MD 下载（二选一）

https://wordpress.org/plugins/wp-githuber-md/

https://github.com/terrylinooo/githuber-md

WP Mermaid 下载

https://cn.wordpress.org/plugins/wp-mermaid/

随后打开 WP Githuber MD 插件的设定，在模组项中打开启用 Mermaid 的设定

即可支持 Mermaid

💬相关

Mermaid 基础语法可查看

https://www.cnblogs.com/luomit/p/13874158.html