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

我正在尝试为我的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

最佳答案

我从GitHub克隆了您的项目以进行查看。如您所述，在使用Jekyll投放服务后，该图标未显示。

通过将favicon文件转换为.png而不是.ico文件，并将favicon声明更改为以下内容，我进行了一些快速测试，从而能够显示该favicon。

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

我尝试在保持.ico文件格式的同时使favicon正常工作，但一开始无法这样做。但是，我进行了一些快速搜索，并遇到了这个问题favicon not displayed by Firefox。

在该问题中，询问者有一个类似的问题，即网站图标未显示，最终可以通过在网站图标声明中的网站图标文件链接的末尾添加?来快速解决。我尝试了这个，它奏效了。以下是favicon声明:

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

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

但是，如果要将该文件保留为.ico文件，则在尝试第二种方法之前，应仔细阅读我链接到的问题，因为该问题的可接受答案不同于该解决方案。我也不知道为什么第二种方法行得通，而且似乎有些怪异。

关于html - 无法使用Jekyll和github页面设置收藏夹图标，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30551501/