我正在使用带有site的Hugo静态网站生成器来创建静态Novela theme。我有一个网站图标,已将其添加到网站的静态文件夹中。我还更新了themes / layouts / partials / header.html以包括必需的链接,但是我仍然看到默认徽标,而不是我添加的徽标。
header.html:
<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">
<Section class="section">
<div class="nav-container">
<a class="logo-link" href="/">
{{ partial "icons/ui/logo.html" . }}
<span class="header-hidden">Navigate back to the homepage</span>
</a>
<div class="nav-controls">
<button id="copyButton" class="icon-wrapper">
{{ partial "icons/ui/link.html" . }}
<div id="toolTip" class="tool-tip " >
copied
</div>
<input id="copyText" style="opacity: 0;" type="text" class="tool-tip " />
</button>
<button id="themeColorButton" class="icon-wrapper">
<div id="sunRays" class="sun-rays"></div>
<div id="moonOrSun" class="moon-or-sun"></div>
<div id="moonMask" class="moon-mask"></div>
</button>
</div>
</div>
</Section>
{{ $script := resources.Get "js/toggleLogos.js" }}
<script src="{{ $script.RelPermalink }}"></script>
{{ $script := resources.Get "js/toggleColors.js" }}
<script src="{{ $script.RelPermalink }}"></script>
{{ $script := resources.Get "js/copyUrl.js" }}
<script src="{{ $script.RelPermalink }}"></script>
收藏夹图标可能已缓存。您可以尝试在隐身窗口中查看页面,也可以在名称末尾添加查询字符串以强制刷新。例如:
<link rel="icon" href="/favicon.ico?v=2">