Hugo theme kód pro vložení custom CSS souborů

Můžete použít následující kód ve vaší Hugo theme pro vložení řady custom CSS souborů.

Musíte ho vložit někam do HTML <head>. V mé theme tailbliss může být přidán na konec layouts/partials/head.html:

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 }}

Nyní můžete nakonfigurovat seznam custom CSS souborů v hugo.yaml:

hugo_params.yml

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

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