vuepress侧边栏配置_侧边栏(sidebar) - VuePress 中文文档

要启用侧边栏, 请使用 themeConfig.sidebar。基本的配置需要一个链接数组：

// .vuepress/config.js

module.exports = {

themeConfig: {

sidebar: [

'/',

'/page-a',

['/page-b', 'Explicit link text']

]

}

}

你可以省略 .md 扩展名，以 / 结尾的路径被推断为 */README.md 。该链接的文本是自动推断的(从页面的第一个标题或 YAML front matter 中的显式标题)。如果你希望明确指定链接文本，请使用 [link,text] 形式的数组。

嵌套标题链接(nested header links)

侧边栏自动显示当前激活页面中标题的链接，嵌套在页面本身的链接下。你可以使用 themeConfig.sidebarDepth 自定义此行为。默认深度是 1，它提取 h2 标题。将其设置为 0 将禁用标题链接，最大值为2，同时提取 h2 和 h3 标题。

页面也可以在使用 YAML front matter 时覆盖此值：

---

sidebarDepth: 2

---

显示所有页面的标题链接 0.11.0+

默认情况下，侧边栏只会显示由当前活动页面的标题(headers)组成的链接，你可以将 themeConfig.displayAllHeaders 设置为 true 来显示所有页面的标题链接：

module.exports = {