Github Pages网站favicon没有显示

时间:2017-09-11 19:25:36

标签: html github github-pages favicon

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

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

(英语不是我的母语)

编辑:似乎其他人可以看到favicon,除了我。但为什么呢?

4 个答案:

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