有没有办法在blogdown / hugo中更改html帖子的宽度页面？

Question

我正在使用主题为blogdown的{​​{1}}构建帖子。有什么方法可以改变渲染页面的宽度？

我在这里有个例子：

看来我太狭窄了。我可以做更大吗？

我希望可以将其设置为博客所有帖子的默认行为。

Answer 1

宽度由您的主题确定。我只看了一个提供here的示例站点，但是在这种特殊情况下，您需要处理的元素似乎是main-content-wrap。通过在浏览器上单击鼠标右键，然后选择“检查元素”（firefox）或“检查”（chrome），可以得出有关此结论的信息，这些信息可为您提供有关存在哪些元素以及如何受到现有CSS的影响的信息。从这里您可以看到它的默认max-width为750px。您需要创建一个CSS文件来覆盖此属性。该文件只需包含

.main-content-wrap{
    max-width: [insertYourDesiredWidthHere]px
}

将此文件保存在static目录下的某个位置。出于惯例考虑，最好放在名为css的文件夹中

实际使用此文件的方式也取决于主题。通常，这由customCSS

中的config.toml参数控制

看看example site at the theme repository，我看到注释掉的行描述了如何执行此操作。

所以只需添加

[[params.customCSS]]
 href = "pathToFileUnderStatic"

Answer 2

这对我有用：

找到您的主题正在使用的.css（Content-Type），然后 编辑themes/hugo-lithium/static/css/main.css下面，更改max-width属性：

.content

来源：https://bookdown.org/yihui/blogdown/css.html