vuepress的sidebar
时间: 2023-08-25 19:04:37 浏览: 71
VuePress是一个静态网站生成器,可以使用Markdown编写文档,对于sidebar的配置,可以在`.vuepress/config.js`文件中进行设置。
sidebar可以理解为网站的侧边栏,用于展示网站的目录结构。在VuePress中,可以通过配置sidebar来自动生成侧边栏,也可以手动指定侧边栏的内容。
如果要自动生成侧边栏,可以在配置文件中添加如下代码:
```
module.exports = {
themeConfig: {
sidebar: 'auto'
}
}
```
这样VuePress会根据docs目录下的文件结构自动生成侧边栏。
如果需要手动指定侧边栏的内容,可以在配置文件中添加如下代码:
```
module.exports = {
themeConfig: {
sidebar: [
'/',
'/guide/',
{
title: 'Group 1',
collapsable: false,
children: [
'/group1/page1',
'/group1/page2'
]
},
{
title: 'Group 2',
collapsable: false,
children: [
'/group2/page1',
'/group2/page2'
]
}
]
}
}
```
上面的代码中,我们手动指定了侧边栏的内容,包括根目录下的README.md文件和guide目录下的所有文件,以及两个分组,每个分组下有两个页面。其中,title表示分组的标题,collapsable表示是否可折叠,children表示分组下的页面。