Markmap

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:

.vuepress/theme.ts

import { 
hopeTheme
 } from "vuepress-theme-hope";

export default 
hopeTheme
({
  
markdown
: {
    
markmap
: true,
  },
});

Syntax

```markmap
<!-- contents here -->
```

Configuring through frontmatter syntax is supported.

Demo

::: preview

:::