想要在hexo博客的markdown文档中添加思维导图（树状图/流程图）插件，问了下百度说有mermaid这个工具，发现butterfly的配置选项中自带mermaid。
Butterfly 文檔(三) 主題配置这篇教程说最好hexo要更新至7.0或以上版本。

1
hexo --version

使用这个语句查了一下发现我的hexo版本是6.3.0，时间有限想先试试不更新的办法。

  1. 先在_config.butterfly.yml文件配置mermaid：
    1
    2
    3
    4
    mermaid:
      enable: true
      code_write: true
      theme: default
  2. 在hexo的文件中配置：
    1
    2
    highlight:
      exclude_languages: ['mermaid']
  3. 在markdown文章中添加code：
    1
    2
    3
    4
    5
    6
    7
    8
    ```"mermaid"  (实际没有引号)
    graph LR
    	A[根节点] --> B[子节点1]
    	A --> C[子节点2]
    	B --> D[子节点1.1]
    ```
    {% mermaid %}
    {% endmermaid %}
    写法很怪，但在hexo没升级的情况下能生效。
    效果如下：
    graph LR
 A[根节点] --> B[子节点1]
 A --> C[子节点2]
 B --> D[子节点1.1]

mermaid除了可以画思维导图、流程图以外，还可以画饼图等。
mermaid中文教程
mermaid官方文档

End.🐧