logo标签列表

Github Pages网站图标未显示

htmlgithubgithub-pagesfavicon
11

我正在使用Github Pages托管网站。由于需要SSL，我将Cloudflare连接到了网站。当我最终将favicon.ico添加到我的网站并在<head>中添加以下代码以使它显示时，它仍然没有出现。我该怎么办？

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

（英语不是我的母语）

编辑：好像除了我之外其他人都能看到网站的图标。但为什么呢？

3
尝试以下任何一种方法：https://dev59.com/N3E95IYBdhLWcg3wrP0n?rq=1要求翻译的文本中包含的问题是如何强制刷新网站图标（favicon）。以上链接提供了多种解决方法。 - rndus2r
1
成功了！谢谢！ - SMix
3
可能是 如何强制刷新网站图标（favicon） 的重复问题。 - Kevin Workman
6个回答
14

我遇到了完全相同的问题。最后我成功解决了，方法是在链接结尾处添加一个问号。

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">

我不确定为什么添加 ? 能够生效，但以下代码是无效的。

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

1
是的，它可以工作，但我们为什么需要它呢？其他文件都能正确地提供服务。 - Nicolas Massart
我也想知道这个+1。 - undefined
3
在路径结尾添加一个问号是一种解决方法。
<link rel="shortcut icon" type="image/png" href="coin.png?">

也可以尝试使用包含图像的网站的URL，这可能有效。

2
如果您已经使用npm创建了一个项目并将其部署到Github Pages，而且您的构建文件位于单独的子目录中，那么您必须像这样定义收藏夹的路径（请注意点号）。
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
1
<link rel="shortcut icon" type="image/x-icon" href="./Images/favicon.ico?">

如果你做了类似这样的事情，那么请前往你的 github.io 页面并进行硬刷新。
你可以使用
ctrl/cmd + shift + r 来进行硬刷新。这将清除缓存。
0

正确添加图标路径

<link rel="icon" href="./favicon.ico"/>
0
在Ubuntu 22.04上，使用来自Mozilla PPA的Firefox，只需按Ctrl+F5即可。
然而，按F5或重新启动Firefox是不够的。
我之前不知道这个...
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接