Hugo:我可以将自定义 css 样式应用于特定 post 吗?

Hugo: can I apply a custom css style to a specific post?

post 的 css 属性与 postpost-content 类 有关这将适用于我站点中所有 post 的属性。

我想将某些 css 属性仅应用到特定的 post,我该怎么做?

解决方案 1:额外的 css 文件

最好的方法是使用 page resources. You can walk over the files in the page bundle 并查找 CSS 文件。然后,您应该使用以下方法将 CSS 文件添加到您的 head/content:

{{ with .Resources.GetMatch "*.css" }}
  <style>{{ .Content | safeCSS }}</style>
{{ end }}

解决方案 2:bodyclass

一种更简单(但更混乱)的方法是将 class 添加到您的 body。这看起来像这样:

<body class="{{ File.BaseFileName }}">

这会将 class 添加到 body 以及您页面的 slug。通过这种方式,您可以通过向主样式表添加规则来应用页面特定样式。