vitepress 设置左侧菜单栏3级
时间: 2024-03-25 18:33:15 浏览: 20
VitePress是一个基于Vue.js的静态网站生成器,它可以帮助你快速搭建文档网站。在VitePress中设置左侧菜单栏的3级菜单可以通过配置`.vuepress/config.js`文件来实现。
首先,在你的项目根目录下创建一个名为`.vuepress`的文件夹,然后在该文件夹下创建一个名为`config.js`的文件。
在`config.js`文件中,你可以使用`themeConfig`选项来配置左侧菜单栏。具体来说,你可以使用`themeConfig.sidebar`选项来设置菜单栏的内容。
以下是一个示例的`config.js`文件,展示了如何设置左侧菜单栏的3级菜单:
```javascript
module.exports = {
themeConfig: {
sidebar: {
'/guide/': [
{
text: 'Guide',
children: [
{
text: 'Getting Started',
link: '/guide/getting-started'
},
{
text: 'Advanced',
children: [
{
text: 'Option 1',
link: '/guide/advanced/option-1'
},
{
text: 'Option 2',
link: '/guide/advanced/option-2'
}
]
}
]
}
]
}
}
}
```
在上面的示例中,我们设置了一个名为"Guide"的一级菜单,它包含了两个二级菜单:"Getting Started"和"Advanced"。"Advanced"菜单又包含了两个三级菜单:"Option 1"和"Option 2"。
请根据你的实际需求修改上述示例中的菜单内容和链接。