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文件放在存储库的主目录中.
我用了
<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)
事实上,似乎上述任何解决方案都带有额外的“?” 最后会解决问题。
它也可以与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文件夹。
| 归档时间: |
|
| 查看次数: |
9412 次 |
| 最近记录: |