我认为Vuepress中的左窗格太宽。想知道是否有任何设置可以减小左侧面板的宽度?
答案 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答案中的命令。