从hugo示例中删除最大宽度

Question

我用hugo的学术主题制作了一个网站；这里提供了一个例子。我希望我的所有帖子（其中链接中提供了三个示例）更广泛。例如，一篇文章最初看起来像这样： 文本被限制在更窄的窗口内，但我希望它看起来像这样： 其中文本与页面的宽度相同。

我注意到我可以通过取消选中“.article-container”中的“max-width”规范来实现此目的。如何编辑带有学术主题的个人页面的本地文件以使其自动发生？

Answer 1

这可以通过覆盖选择器中的 CSS 来完成.article-container。

.article-container {
   max-width: none;
}

更简单的方法是创建一个文件layouts/partials/custom_head.html，将上述 CSS 规则放置在<style>...</style>块内。

另一种方法是使用该规则创建一个文件assets/css/custom.css，然后更新plugins_css该文件中的属性config/_default/params.toml，以便新样式表可以作为加载的样式表的一部分包含在内。

plugins_css = ["custom"]