Параметры страниц в шаблонах Hugo

←Hugo

Примеры вывода параметров front matter в шаблонах Hugo.

layouts/_default/li-with-params.html

<li>
  <a href="{{ .URL }}">{{ .Title }}</a>
  {{ .Description }}
  {{ range .Params.categories }}<a href="/categories/{{ urlize . }}">{{ title . }}</a>{{ end }}
  {{ range .Params.tag        }}<a href="/tags/{{ urlize .       }}">{{ title . }}</a>{{ end }}
  {{ range .Params.year       }}<a href="/year/{{ urlize .       }}">{{ title . }}</a>{{ end }}
  {{ if isset .Params "site_url" }}
    <a class="site_url" href="http://{{ index .Params "site_url" }}">{{ index .Params "site_url" }}</a>
  {{ end }}
</li>

layouts/_default/portf-home-container.html

<div class="portf-home-el">
  <p class="portf-home-el__title"><a href="{{ .URL }}">{{ .Title }}</a></p>
  {{ if .Description }}
    <p class="portf-home-el__descr">{{ .Description }}</p>
  {{ end }}
  {{ if .Params.categories }}
    {{ range .Params.categories }}
      <span class="portf-home-el__categories"><a href="/categories/{{ urlize . }}" class="portf-home-el__link">{{ title . }}</a></span>
    {{ end }}
  {{ end }}
  {{ if .Params.tag }}
    {{ range .Params.tag }}
      <span class="portf-home-el__tags"><a href="/tags/{{ urlize . }}" class="portf-home-el__link">{{ title . }}</a></span>
    {{ end }}
  {{ end }}
  {{ if .Params.year }}
    {{ range .Params.year }}
      <span class="portf-home-el__year"><a href="/year/{{ urlize . }}" class="portf-home-el__link">{{ title . }}</a></span>
    {{ end }}
  {{ end }}
  {{ if .Params.site_url }}
    <span class="portf-home-el__year"><a href="http://{{ .Params.site_url }}">{{ .Params.site_url }}</a></span>
  {{ end }}
  {{ if .Params.to_title }}
    (<span class="red">{{ .Params.to_title }}</span>)
  {{ end }}
  {{ if .Params.order }}
    (<span class="green">{{ .Params.order }}</span>)
  {{ end }}
</div>

layouts/_default/portfolio-clients-term__thumbs.html

<div class="col-lg-4 col-md-6 home-works__item">
  {{ if .Params.order }}
    (<span class="green">{{ .Params.order }}</span>)
  {{ end }}
  <a href="{{ .URL }}"><img src="/img/portfolio/{{ .Params.thumb }}" alt="{{ .Title }}" class="img-fluid"></a>
</div>