侧边栏

为单个页面添加侧边栏

假设你有一个test.mdopen in new window 页面。在markdown文件的YAML front matter加上sidebar: 'auto'即可。示例:

---
title: test
sidebar: 'auto'
---

这样,在打开test.md页面时,会在左侧自动生成侧边栏。他的深度默认为1,即显示h1,h2,h3标题。

如果想修改深度为2,可在markdown文件的YAML front matter加上sidebarDepth: 2。

深度为0时,只显示h1,h2标题;(2个#号)
深度为1时,显示h1,h2,h3标题;(3个#号)
深度为2时,显示h1,h2,h3,h4标题;(4个#号)

---
title: test
sidebar: 'auto'
sidebarDepth: 2
---

为某个目录设置侧边栏

在docs/.vuepress/config.js文件中,增加以下配置:

module.exports = {
    themeConfig: {
        sidebar: {
            '/目录1/':['文件1','文件2','文件3']
        }
    }
}
Last Updated:
Contributors: dongyz8