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

Question

我正在使用blogdown主题构建一个帖子hugo-tranquilpeak-theme。有没有办法改变渲染页面的宽度？

我这里有一个例子：

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

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

Answer 1

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

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

将此文件保存在您的static目录下的某个位置。理想情况下，在css为约定而调用的文件夹中

实际使用此文件的方法也取决于主题。通常这是由customCSS参数控制的config.toml

查看主题存储库中的示例站点，我可以看到注释掉了描述如何执行此操作的行。

所以只需添加

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