将主题目录结构复制到 layouts 文件夹。
假设我要将自定义 CSS 应用于主题。
主题有一个 themes/theme-name/layouts/partials 文件夹,可以在其中找到一些HTML模板(header.html、footer.html)。现在我们将编辑 header.html 模板,将内容从这个文件复制到 layouts/partials/header.html 中,并注意在主题 layouts 根目录中创建与主题相同的目录结构。
layouts/partials/header.htmlss
themes/theme-name/layouts/partials/header.html
创建一个自定义CSS文件: static/css/custom-style.css,然后把自定义 CSS 文件添加到 config.toml 中:
[params]
custom_css = ["css/custom-style.css"]
打开 layouts/partials/header.html:
将这段代码添加到 <head> 标签内:
{{ range .Site.Params.custom_css -}}
<link rel="stylesheet" href="{{ . | absURL }}">
{{- end }}
现在,就可以覆盖主题中所应用的 CSS 类。