vuepress-plugin-mindmap

a plugin to render mindmap for vuepress


Keywords
vue, vuepress, vuepress-plugin, markmap, mindmap, markdown
License
MIT
Install
npm install vuepress-plugin-mindmap@0.2.5

Documentation

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