html - 无法使用 Jekyll 和 github 页面设置图标

Question

我正在尝试为我的 github 页面设置一个 favicon.ico，但它不起作用。当我在本地提供服务时，我会看到标准的“空”图标，当我推送它时，我会看到 facebook 图标。为什么会这样？我在项目的根目录中有正确的 favicon.ico 并添加了行

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

到相关的 default.html。您可以在此处查看来源:https://github.com/drorata/drorata.github.io

Answer 1

我从 GitHub 克隆了您的项目以查看它。如您所述，使用 Jekyll 提供服务后，图标未显示。

我通过将 favicon 文件转换为 .png 而不是 .ico 文件并将 favicon 声明更改为以下内容来进行一些快速测试，那就是能够让它显示网站图标。

<link rel="shortcut icon" type="image/png" href="/favicon.png">

我尝试在保持 .ico 文件格式的同时让网站图标工作，但一开始无法做到。然而，我做了一些快速搜索并遇到了这个问题，favicon not displayed by Firefox .

在那个问题中，提问者有一个类似的问题，就是 favicon 没有显示，并且最终能够通过添加 ? 到 favicon 文件链接的末尾来快速修复在网站图标声明中。我尝试了这个并且它起作用了。以下是网站图标声明:

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

这两种方法中的任何一种似乎都能解决您的问题。就我个人而言，我建议使用第一种方法，将图像转换为 .png 文件，因为它看起来更简单，也更简单。

但是，如果您想将文件保留为 .ico 文件，那么您应该在尝试第二种方法之前阅读我链接到的问题，因为接受的问题答案不同从那个解决方案。此外，我不确定为什么第二种方法有效，而且它看起来有点老套。