Question

我正在使用GitHub页面（用户和项目页面）托管一些网站，但他们没有显示他们的网站（在浏览器中）。

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

GitHub是否显示具有<frameset>的网站？我知道可以显示favicons（至少和Jekyll一样），但是我可以自己显示一个favicon吗？

Answer 1

是的，你可以。

将其放入网页的head部分：

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

重要的是不要将斜杠放在favicon.ico部分之前。将favicon.ico文件放在存储库的主目录中。

Answer 2

它也适用于 favicon.png

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

唯一的问题是/

中的斜杠"/favicon.png"

但是这不适用于子页面！

链接应如下所示 - 因此您在每个页面都有favicon：

<link rel="shortcut icon" type="image/png" 
      href="{{ "/assets/images/favicon.png"  | absolute_url }}">

已解析的网址如下所示： https://pme123.github.io/scala-adapters/assets/images/favicon.png

这需要您的Jekyll项目的favicon.png文件夹中的assets/images。

Answer 3

我用过

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

以及

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

或

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

没有一个起作用。最后，我通过

使它起作用

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

实际上，上述任何解决方案似乎都带有一个额外的“？”最后将达到目的。

Answer 4

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

仔细看我在href的末尾添加了一个"?"。如果你做了这样的事情，那么去你的 github.io 页面并重新加载。你可以使用

<块引用>

ctrl/cmd + shift + r

硬重新加载页面。这将清除您的缓存。在那之后，我希望你会看到收藏夹图标。