title: How to add favicon to Hugo site
body: <p>I am creating a static <a href="https://indorehelps.netlify.com" rel="nofollow noreferrer">site</a> using the Hugo static site generator with the <a href="https://github.com/forestryio/hugo-theme-novela" rel="nofollow noreferrer">Novela theme</a>. I have a favicon which I have added to the static folder of the website. I have also updated the <em>themes/layouts/partials/header.html</em> to include the required links but I'm still seeing the logo from the default instead of the one I have added.</p>
  
  <p>header.html:</p>
  
  <pre><code>&lt;link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"&gt;
  &lt;link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"&gt;
  &lt;link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"&gt;
  &lt;link rel="manifest" href="/site.webmanifest"&gt;
  
  &lt;Section class="section"&gt;
    &lt;div class="nav-container"&gt;
      &lt;a class="logo-link" href="/"&gt;
        {{ partial "icons/ui/logo.html" . }}
        &lt;span class="header-hidden"&gt;Navigate back to the homepage&lt;/span&gt;
      &lt;/a&gt;
      &lt;div class="nav-controls"&gt;
        &lt;button id="copyButton" class="icon-wrapper"&gt;
          {{ partial "icons/ui/link.html" . }}
          &lt;div id="toolTip" class="tool-tip " &gt;
              copied
          &lt;/div&gt;
          &lt;input id="copyText" style="opacity: 0;" type="text" class="tool-tip " /&gt;
        &lt;/button&gt;
  
        &lt;button id="themeColorButton" class="icon-wrapper"&gt; 
          &lt;div id="sunRays" class="sun-rays"&gt;&lt;/div&gt;
          &lt;div id="moonOrSun" class="moon-or-sun"&gt;&lt;/div&gt;
          &lt;div id="moonMask" class="moon-mask"&gt;&lt;/div&gt;
        &lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/Section&gt;
  
  {{ $script := resources.Get "js/toggleLogos.js" }}
  &lt;script src="{{ $script.RelPermalink }}"&gt;&lt;/script&gt;
  
  {{ $script := resources.Get "js/toggleColors.js" }}
  &lt;script src="{{ $script.RelPermalink }}"&gt;&lt;/script&gt;
  
  {{ $script := resources.Get "js/copyUrl.js" }}
  &lt;script src="{{ $script.RelPermalink }}"&gt;&lt;/script&gt;
  </code></pre>