Código de tema Hugo para incluir archivos CSS personalizados

Puedes usar el siguiente código en tu tema Hugo para incluir un rango de archivos CSS personalizados.

Necesitas incluirlo en algún lugar del HTML <head>. En mi tema tailbliss, puede ser añadido al final de layouts/partials/head.html:

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

Ahora puedes configurar una lista de archivos CSS personalizados en hugo.yaml:

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

Echa un vistazo a artículos similares por categoría: Hugo