Hexo支持流程图mermaid

发表于

安装插件

1
npm install hexo-filter-mermaid-diagrams

修改配置文件

修改 Hexo 的 _config.yml 文件，添加以下内容：

参考链接

1
2
3
4
5
6
# 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

js文件修改

查找主题下的 layout 文件夹下的 footer.ejs文件，添加以下内容：

参考链接

1
2
3
4
5
6
7
8
<% if (theme.mermaid.enable) { %>
  <script src='https://unpkg.com/mermaid@<%= theme.mermaid.version %>/dist/mermaid.min.js'></script>
  <script>
    if (window.mermaid) {
      mermaid.initialize({theme: 'forest'});
    }
  </script>
<% } %>

参考