mermaid插件配置

mermaid模块配置

mermaid插件

mermaid是markdown编辑器扩展的，方便绘制流程图的语法。

安装过程

参考自官网,因为模版没有自带mermaid插件扩展，所以需要自己配置，而且也与官网教程有所区别，下面是我自己的配置过程:

(我使用的是matery模版)

• Step1

  npm install --save hexo-filter-mermaid-diagrams

• Step2

  在自己对应模版文件夹下的_config.yml中加入以下代码:

  # mermaid chart
  mermaid: ## mermaid url https://github.com/knsv/mermaid
    enable: true  # default true
    version: "7.1.2" # default v7.1.2
    options:  # find more api options from https://github.com/knsv/mermaid/blob/master/src/mermaidAPI.js
      #startOnload: true  // default true
  

• Step3

  模版里面只有footer.ejs,所以这里直接在自己模版的footer.ejs里面添加官网教程中需要往after-footer.ejs文件中添加的内容即可

  添加位置如下:(插个图)

参考文献