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/
路由显示侧边栏格式正确的页面。
我使用以下文件夹树创建了一个非常简单的 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/
路由显示侧边栏格式正确的页面。