vuepress - 有没有办法减少Vuepress左面板的宽度？

Question

我认为 Vuepress 的左窗格太宽了。想知道是否有任何设置可以减小左侧面板的宽度？

Answer 1

将文件添加到文件override.styl夹.vuepress，并添加以下行来设置侧面板宽度（默认为 20rem）

$sidebarWidth = 10rem

还有很多其他的东西也可以放在这里。要探索选项，请使用命令

vuepress eject ejected

然后导航到/ejected/.vuepress/theme/styles/并查看基础项目中使用了哪些样式标签。

如果您以后想更新 VuePress，请务必从项目中删除弹出的文件。

Answer 2

以防万一有人使用 Vuepress >= 1 遇到这个问题。在新版本的 Vuepress 中，不推荐使用 override.styl，现在通过创建一个名为styles/in的文件夹.vuepress/并创建一个名为palette.styl. 然后，您可以使用 Richard 答案中的命令。