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

Question

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

我这里有一个例子：

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

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

标签： rhugoblogdown

Answer 1

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

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

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

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

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

所以只需添加

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