GitHub Pages

プロジェクトページのfaviconを表示する

GitHub Pages Favicon

favicon 表示の仕組み

ブラウザは、そのサイトのホスト直下(ルートパス)に favicon.ico が 設置されていることを期待してファイルを取得し、ファビコンを表示します。

GitHub Pages の URL 都合

GitHub Pages でホスティングしているプロジェクトページの URL と それに対応する favicon は以下の通りです。 これではプロジェクトごとに別々の favicon を表示することができません。

favicon.ico の参照先を変更する

表示している HTML の head 内に、以下のように記述すると favicon.ico の参照先を変更することができます。

/projectname/index.html
<link rel="shortcut icon" type="image/x-icon" href="path/to/favicon.ico">