我正在托管一个使用Github Pages的网站。我通过SSL连接了Cloudflare到网站。当我最终添加favicon.ico到我的网站，并在<head>中添加以下代码来显示favicon时，它仍然没有显示。我该怎么办？
favicon.ico
<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
（英语不是我的母语）
**编辑：**似乎其他人可以看到这个图标，除了我。但是为什么？
unguejic1#
我也遇到过完全相同的问题。我最终通过包括a？来解决它。第一个月我不太清楚为什么添加?可以工作，但下面的代码不行。<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
?
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
g6ll5ycj2#
在路径末尾添加问号是一种解决方法。
<link rel="shortcut icon" type="image/png" href="coin.png?">
也可以尝试使用有该图像的网站的URL，它可能会工作。
qv7cva1a3#
<link rel="shortcut icon" type="image/x-icon" href="./Images/favicon.ico?">
如果您执行了类似的操作，请转到您的github.io页面并硬重新加载。控制键/命令+ shift + r硬加载页面。这将清除缓存。
lyr7nygr4#
如果你已经将一个用npm创建的项目部署到Github Pages，并且你的构建文件在一个单独的子目录中，你必须像这样定义favicon的路径（注意圆点）。
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
pgvzfuti5#
正确添加图标路径
<link rel="icon" href="./favicon.ico"/>
5条答案
按热度按时间unguejic1#
我也遇到过完全相同的问题。我最终通过包括a？来解决它。
第一个月
我不太清楚为什么添加
?可以工作，但下面的代码不行。<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">g6ll5ycj2#
在路径末尾添加问号是一种解决方法。
也可以尝试使用有该图像的网站的URL，它可能会工作。
qv7cva1a3#
如果您执行了类似的操作，请转到您的github.io页面并硬重新加载。
控制键/命令+ shift + r
硬加载页面。这将清除缓存。
lyr7nygr4#
如果你已经将一个用npm创建的项目部署到Github Pages，并且你的构建文件在一个单独的子目录中，你必须像这样定义favicon的路径（注意圆点）。
pgvzfuti5#
正确添加图标路径