带有 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"的斜线/

但是，这不适用于子页面！

该链接应如下所示 - 因此您在每个页面上都有网站图标：

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

这些都没有奏效。 最后我让它工作了

 <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

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

Answer 5

另外，请确保您的 ico 或 img 为 16 x16 像素。 那也是我的问题。

带有 GitHub 页的图标

问题描述

5 个解决方案

解决方案1
45 已采纳 2017-03-23 03:22:13

解决方案2
8 2018-03-14 19:08:17

解决方案3
6 2019-03-12 12:08:02

解决方案4
0 2021-07-05 12:29:34

解决方案5
0 2022-12-14 12:24:43

带有 GitHub 页的图标

问题描述

5 个解决方案

解决方案1 45 已采纳 2017-03-23 03:22:13

解决方案2 8 2018-03-14 19:08:17

解决方案3 6 2019-03-12 12:08:02

解决方案4 0 2021-07-05 12:29:34

解决方案5 0 2022-12-14 12:24:43

解决方案1
45 已采纳 2017-03-23 03:22:13

解决方案2
8 2018-03-14 19:08:17

解决方案3
6 2019-03-12 12:08:02

解决方案4
0 2021-07-05 12:29:34

解决方案5
0 2022-12-14 12:24:43