有没有办法减小Vuepress左面板的宽度?

时间:2018-09-12 03:26:33

标签: vuepress

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

2 个答案:

答案 0 :(得分:1)

将文件var quotes = [ { text: "Memento mori", autor: "Bractwo Męki Pańskiej" }, { text: "Jeśli możesz sobie coś wymarzyć, możesz też to zrobić.", autor: "Walt Disney" }, { text: "Wszystko jest możliwe. Niemożliwe wymaga po prostu więcej czasu.", autor: "Dan Brown" }, { text: "Czerp z innych, ale nie kopiuj ich. Bądź SOBĄ", autor: "Michel Quois" }, { text: "Kiedy łamiesz zasady, łam je mocno i na dobre.", autor: "Terry Pratchett" } ]; window.onload = function() { quoteMachine.initialQuote() }; var quoteMachine = { initialQuote: function() { var newInitialQuote = quotes[Math.floor(Math.random() * quotes.length)]; var newInitialQuoteText = newInitialQuote.text; var newInitialQuoteAutor = newInitialQuote.autor; document.getElementById("new-quote").innerHTML = newInitialQuoteText; document.getElementById("autor").innerHTML = newInitialQuoteAutor; } }; 添加到override.styl文件夹中,并添加以下行来设置侧面板宽度(默认为20rem)

.vuepress

这里还有很多其他的东西。要浏览选项,请使用命令

$sidebarWidth = 10rem

然后导航至vuepress eject ejected ,并查看基础项目中使用了哪些样式标签。

如果以后要更新VuePress,请确保从项目中删除弹出的文件。

答案 1 :(得分:0)

以防万一有人使用vue press> = 1遇到此问题。在新版本的vue中,不建议使用override.styl,现在可以通过在.vuepress中创建一个名为styles的文件夹并创建一个名为Palette的文件来完成此操作。 .styl。然后,您可以使用上述Richards答案中的命令。