【Markdown】Hexo Mermaid流程图

一、安装

1	npm install hexo-filter-mermaid-diagrams

二、编辑配置文件

在根目录下 _config.yml 的最后加上以下内容

1 2 3 4 5 6

# mermaid mermaid: ## mermaid url enable: true # default true version: "7.1.2" # default v7.1.2 options: # find more api options #startOnload: true // default true

三、引入相关文件

在 layout/_partial/footer.ejs 先添加

1 2 3 4 5 6 7 8 9

<!-- mermaid --> <% if (theme.mermaid.enable) { %> <script src='https://cdn.bootcss.com/mermaid/<%= theme.mermaid.version %>/mermaid.min.js'></script> <script> if (window.mermaid) { mermaid.initialize({theme: 'forest'}); } </script> <% } %>

最后重新打包，重启下服务即可看到效果啦♪(^∇^*)。

    graph TB
    A[A]-->B{B}
    A---C(C)

---

• Previous Post →
• ← Next Post