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

时间:2019-06-29 16:52:53

标签: vuejs2 markdown vuepress

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

README.md

我的#有一些带有config.js符号和文本的markdown标题。

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

为此,我将module.exports = { title: 'title', description: 'description', themeConfig: { sidebar: 'auto', }, } 设置如下:

---
home: true
---

此外,在自述页面中,我在元数据部分的开头有以下内容:

features

您的页面显然正在获得default theme的样式和行为,如果我添加诸如MONGODB_URL='mongodb://localhost:27017/user'之类的其他主要主题,它将按预期工作。

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

我想念什么?

1 个答案:

答案 0 :(得分:1)

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

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

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