Markmap
Less than 1 minute
Let the Markdown file support markmap in your VuePress site.
Settings
Install markmap-lib
, markmap-toolbar
and markmap-view
in your project:
pnpm
pnpm add -D markmap-lib markmap-toolbar markmap-view
yarn
yarn add -D markmap-lib markmap-toolbar markmap-view
npm
npm i -D markmap-lib markmap-toolbar markmap-view
Then enabling via:
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";
export default defineUserConfig({
theme: hopeTheme({
markdown: {
markmap: true,
},
}),
});
Syntax
```markmap
<!-- contents here -->
```
Configuring through frontmatter syntax is supported.
Demo
````markmap
---
markmap:
colorFreezeLevel: 2
---
# markmap
## Links
- <https://markmap.js.org/>
- [GitHub](https://github.com/markmap/markmap)
## Features
- links
- **strong** ~~del~~ *italic* ==highlight==
- multiline
text
- `inline code`
-
```js
console.log('code block');
```
- Katex
- $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
- Now we can wrap very very very very long text based on `maxWidth` option
````
Changelog
2/18/25, 7:08 AM
View All Changelog
b1230
-on1b917
-on22787
-on31f0e
-onb41c0
-on671db
-on0f475
-on54c46
-onbf15b
-on7bc15
-on