Vuepress:让侧边栏在单个页面中工作

Vuepress: get sidebar to work in a single page

我使用以下文件夹树创建了一个非常简单的 vuepress 项目:

| README.md
| .vuepress
 -- config.js
| package.json

我的 README.md 有一些带有 # 符号和一些文本的降价标题。

我只想在左侧添加一个带有标题链接的边栏。

为此,我按如下方式设置 config.js

module.exports = {
  title: 'title',
  description: 'description',
  themeConfig: {
    sidebar: 'auto',
  },
}

此外,在自述文件页面的开头有一个元数据部分,内容如下:

---
home: true
---

你的页面显然得到了 default theme 样式和行为,如果我添加其他主要主题内容,如 features 它会按预期工作。

但是,左侧没有带链接的边栏。

我错过了什么?

似乎通过元数据标记为主页的页面无法呈现边栏。为了让 sidebar: auto 正常工作,我需要在专用文件夹中创建另一个自述文件页面,例如:

| README.md
| .vuepress/
 -- config.js
| package.json
| docs/
 -- README.md

然后,/docs/ 路由显示侧边栏格式正确的页面。