Hugo template for Logo

This is my frequently used default template for a logo in Hugo.

<!--Logo Box-->
{{ $logo_w := .Scratch.Get "logo_w" }}
{{ $logo_h := .Scratch.Get "logo_h" }}
{{ $logo_mode := .Scratch.Get "logo_mode" }}
{{ $logo_description := .Scratch.Get "logo_description" }}


<a class="logo" href='{{ "/" | relLangURL }}'>
   {{ if $.Site.Params.logo }}
   <img src="{{ if eq $logo_mode "dark" }}{{ $.Site.Params.logo_dark }}{{ else }}{{ $.Site.Params.logo }}{{ end }}"
      alt="{{ $.Site.Params.site_name }}" {{ with $logo_w }}width="{{ . }}" {{ end }} {{ with $logo_h }}height="{{ . }}"
      {{ end }}>
   {{ with $logo_description }}
   <span>{{ . | markdownify }}</span>
   {{ end }}
   {{ else }}
   {{ $.Site.Params.site_name | markdownify }}
   {{ end }}
</a>

Anastasiia Berest

Senior Web UI Engineer

I'm a web development passionate about creating meaningful digital experiences.