Hugo-Theme-Code zum Einbinden benutzerdefinierter CSS-Dateien

Sie können den folgenden Code in Ihrem Hugo-Theme verwenden, um eine Reihe benutzerdefinierter CSS-Dateien einzubinden.

Sie müssen ihn irgendwo im HTML-<head> einbinden. In meinem Theme tailbliss kann er am Ende von layouts/partials/head.html hinzugefügt werden:

include_custom_css.html

{{ range .Site.Params.custom_css -}}
<link rel="stylesheet" href="{{ (resources.Get . | postCSS).RelPermalink }}">
{{- end }}

{{ range .Site.Params.custom_css -}}
<link rel="stylesheet" href="{{ (resources.Get . | postCSS).RelPermalink }}">
{{- end }}

Nun können Sie eine Liste benutzerdefinierter CSS-Dateien in hugo.yaml konfigurieren:

hugo_params.yml

params:
  custom_css:
    - 'css/techoverflow.css'

params:
  custom_css:
    - 'css/techoverflow.css'

Check out similar posts by category: Hugo

If this post helped you, please consider buying me a coffee or donating via PayPal to support research & publishing of new posts on TechOverflow