Favicon与GitHub页面

Rok*_*kin 23 html favicon github github-pages

我正在使用GitHub页面(用户和项目页面)托管一些网站,但他们没有显示他们的图标(在浏览器中).

<link rel="shortcut icon" type="image/png" href="/favicon.png">
Run Code Online (Sandbox Code Playgroud)

是GitHub显示网站的问题<frameset>吗?我知道可以显示favicons(至少和Jekyll一样),但是我可以在它上面显示一个favicon吗?

Dmi*_*kov 27

是的你可以.

把它放到head你网页的一部分:

 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
Run Code Online (Sandbox Code Playgroud)

重要的是不要把斜线放在favicon.ico零件之前.将favicon.ico文件放在存储库的主目录中.


wat*_*liu 6

我用了

 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
Run Code Online (Sandbox Code Playgroud)

 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
Run Code Online (Sandbox Code Playgroud)

或者

 <link rel="shortcut icon" type="image/x-icon" href="{{site.url}}/favicon.ico">
Run Code Online (Sandbox Code Playgroud)

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

 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
Run Code Online (Sandbox Code Playgroud)

事实上,似乎上述任何解决方案都带有额外的“?” 最后会解决问题。


pme*_*pme 5

它也可以与favicon.png一起使用

  <head>
    ...
    <link rel="shortcut icon" type="image/png" href="favicon.png">
  </head>
Run Code Online (Sandbox Code Playgroud)

唯一的问题是斜杠/"/favicon.png"

但是,这不适用于子页面!

链接应该看起来像这样-因此您在每个页面上都拥有收藏夹图标:

<link rel="shortcut icon" type="image/png" 
      href="{{ "/assets/images/favicon.png"  | absolute_url }}">
Run Code Online (Sandbox Code Playgroud)

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

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