我正在使用Github Pages托管网站。由于SSL,我将Cloudflare连接到网站。当我最终将favicon.ico
添加到我的网站并在<head>
中添加以下代码以显示小图标时,它仍然没有显示出来。我该怎么办?
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
(英语不是我的母语)
编辑:似乎其他人可以看到favicon,除了我。但为什么呢?
答案 0 :(得分:3)
我遇到了完全相同的问题。我可以通过添加一个来解决它?到底。
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
我不确定为什么在?
中添加的工作原理,但是下面的代码无效。
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
答案 1 :(得分:2)
在路径末尾添加问号是一种解决方法。
<link rel="shortcut icon" type="image/png" href="coin.png?">
还尝试使用具有图片的网站中的URL,它可能会起作用。
答案 2 :(得分:0)
<link rel="shortcut icon" type="image/x-icon" href="./Images/favicon.ico?">
如果你做了这样的事情,那么去你的github.io页面并重新加载。 你可以使用
<块引用>ctrl/cmd + shift + r
硬重新加载页面。这将清除您的缓存。
答案 3 :(得分:0)
如果您已将使用 npm 创建的项目部署到 Github Pages,并且您的构建文件位于单独的子目录中,则您必须像这样定义网站图标的路径(注意点)。>
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">