Html 向现有hugo主题添加favicon

我试图在下面的hugo主题中添加一个favicon：问题是文档为我提供了一个示例

我已经生成了favicon资产并将它们放在/static中，下面的标记需要放在主题中的什么位置

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

---

作为参考，我尝试在header.html中创建head部分，但在本地测试时没有生成favicon。

将行附加到文件

components/html\u head.html

...
{% if site.params.favicon %}
<link rel="icon" href="{{ site.params.favicon | relative_url }}">
{% endif %}
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

。。。
{%if site.params.favicon%}
{%endif%}

谢谢，看起来我使用的是旧版本的模板，但没有提供这篇文章。