为什么我的 index.html 文件中的图标链接不起作用?

Why the favicon links in my index.html file are not working?

我看过其他链接,但事实是我的网站图标仍然无法正常工作。有时我对代码做了一些更改,我的投资组合页面的图标只显示一次。一旦我第二次加载网站,它就会停止工作。

我去了网站 favicon.io 并创建了我自己的图标。按照指示,保存在我的存储库的根目录和 copy/pasted 代码。

<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">

但是,这些链接无效。有人可以建议吗?我需要做任何改变吗?

一旦我将我的域提交到我的 github.io 存储库,链接就起作用了。这意味着一旦我的网站使用正确的域在线,基本上就可以看到图标。

您可以在结束站点项目并使用域发布后确定它是否有效。