vitepress 安装mermaid插件
时间: 2023-06-25 15:04:23 浏览: 214
Obsidian 常用的插件
要在 VitePress 中使用 Mermaid 插件,需要进行以下步骤:
1. 安装 mermaid 插件
在终端中进入你的 VitePress 项目的根目录,然后运行以下命令来安装 mermaid 插件:
```
npm install @vuepress-reco/vuepress-plugin-mermaidjs -D
```
2. 配置 mermaid 插件
在 `.vuepress/config.js` 文件中添加以下配置:
```js
module.exports = {
themeConfig: {
// ...
},
plugins: [
[
'@vuepress-reco/vuepress-plugin-mermaidjs',
{
mermaid: {
theme: 'default'
}
}
]
]
}
```
这个配置会将 mermaid 插件添加到你的项目中,并设置默认主题为 `default`。
3. 在 Markdown 文件中使用 Mermaid
在你的 Markdown 文件中,使用以下方式来使用 mermaid:
```mermaid
graph LR
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
F[横向流程图] -->|条件a| G[纵向流程]
```
以上就是在 VitePress 中安装和使用 Mermaid 插件的步骤。
阅读全文