包含 GitHub 页的图标

Question

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

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

是GitHub显示<frameset>站点的问题吗？我知道可以显示网站图标（至少使用 Jekyll），但我可以单独显示网站图标吗？

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"

中的斜线 /

但是这不适用于 sub-pages!

link 应该看起来像这样 - 所以你在每个页面上都有图标：

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

已解决的 URL 看起来像： https://pme123.github.io/scala-adapters/assets/images/favicon.png

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

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

None 有效。最后我通过

让它工作了

 <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

硬性重新加载页面。这将清除您的缓存。之后我希望您能看到 fav-icon.

Favicon with GitHub Pages