web-dev-qa-db-ja.com

GitHubページのファビコン

GitHubページ（ユーザーページとプロジェクトページ）でいくつかのサイトをホストしていますが、ファビコンが（ブラウザーに）表示されていません。

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

GitHubが<frameset>？ （少なくともJekyllを使用して）ファビコンを表示することは可能ですが、ファビコンを独自に表示できますか？

htmlgithubfavicongithub-pages
24
Rokin

はい、できます。

これをWebページのhead部分に挿入します。

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

favicon.ico部分の前にスラッシュを置かないことが重要です。 favicon.icoファイルをリポジトリのホームディレクトリに配置します。

30
Dmitry Pleshkov

favicon.pngでも動作します

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

唯一の問題はスラッシュ/ in "/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

これはfavicon.png in assets/images Jekyllプロジェクトのフォルダー。

6
pme

使った

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

実際、追加の「？」を含む上記の解決策のいずれかと思われます最後にトリックを行います。

3
water liu