Hugo:我可以将自定义 css 样式应用于特定 post 吗?
Hugo: can I apply a custom css style to a specific post?
post 的 css
属性与 post
和 post-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。通过这种方式,您可以通过向主样式表添加规则来应用页面特定样式。
post 的 css
属性与 post
和 post-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。通过这种方式,您可以通过向主样式表添加规则来应用页面特定样式。