A plugin for adding markmap to VuePress to visualize your Markdown as mindmaps.
npm install vuepress-plugin-markmapA plugin for adding markmap to VuePress to visualize your Markdown as mindmaps.
Install this plugin with:
``bash`
yarn add vuepress-plugin-markmapor
npm install vuepress-plugin-markmap
Then add it to your .vuepress/config.js:
`js`
module.exports = {
plugins: [
[
'vuepress-plugin-markmap'
]
]
}
The token info of the code block should be markmap, for example:
~~~markdown
`markmapFruit
- Apple
- Cherry
- Lemon
- Banana
- ~~Pumpkin~~
``
~~~
Refer to the documentation of markmap for more information.
Theoretically, using code blocks highlighted by Prism.js in markmap is also supported (see here). However, markmap will import syntax highlighting styles if code blocks are used, which are conflited with this theme's highlighting styles. So you'd better not use code blocks in this plugin (before I find out an appropriate solution).