vuepress-plugin-mindmap

• 一个VuePress插件
• 将MarkDown渲染成思维导图
• 使用组件Markmap

install

npm install vuepress-plugin-mindmap

Demo

<mindmap>
# mindmap
## Links
- <https://thinking.renzhansheng.cn/>
- [GitHub](https://github.com/renzhsh/vuepress-mindmap
## Related
- [Document](https://thinking.renzhansheng.cn/devops/markdown/#思维导图)
## Features
- links
- **inline** ~~text~~ *styles*
- multiline
  text
- `inline code`
</mindmap>

• 一个页面只能有一个<mindmap>;
• <mindmap></mindmap>内部不能有空格，容易造成编译失败;
• 在Front Matter部分指定宽度和高度,默认100%和400px：

mindmapWidth: '100%'
mindmapHeight: '400px'

Markmap

// 全局安装
cnpm install markmap-cli -g

// render Html
markmap note.md