Markmap
为你的 VuePress 站点中的 Markdown 文件添加 Markmap 支持。
安装
在你的项目中安装 markmap-lib
、markmap-toolbar
和 markmap-view
:
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
然后通过以下方式启用:
import { markdownChartPlugin } from '@vuepress/plugin-markdown-chart'
export default {
plugins: [
markdownChartPlugin({
// 启用 Markmap
markmap: true,
}),
],
}
语法
```markmap
<!-- 在这里放置内容 -->
```
支持通过 Frontmatter 语法进行配置。
案例
::: preview
:::