如何在Hexo中较为优雅的插入思维导图？hexo-markmap 演示

学习过程中有一张PPT上的内容是以思维导图的形式存在的，也确实应该这样记，于是我开始寻找如何在hexo中插入思维导图，但折腾一圈没太合适的，最后我基于markmap和另外几个markdown的库整合了一下做了一个简单的hexo导图插件。

效果展示

代码

标签后面的参数是思维导图的高度。

{% markmap 250px %}
# 思维导图？
- 使用现有的插件或组件？
    - Mermaid：更偏向流程图
    - Kityminder
        - 现成hexo插件有些小问题。
        - 二次开发，失败
- 找寻相关项目？
- Markmap大法！
  - 直接弄，失败
  - 使用jsdom，失败
  - 寻找现成库，成功
- 咕咕咕咕咕咕咕咕咕咕咕咕
- 凑一下行数让版面好看点
- 现已支持 markdown/链接/等特性
  - [links](https://zhangmaimai.com)
  - **inline** ~~text~~ *styles*
  - multiline
    text
  - `inline code`
  - Katex - $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
{% endmarkmap %}

本插件已经发至Github与NPM，使用npm install hexo-markmap安装，具体见Github的README哦~