favicon 表示の仕組み
ブラウザは、そのサイトのホスト直下(ルートパス)に favicon.ico
が
設置されていることを期待してファイルを取得し、ファビコンを表示します。
GitHub Pages の URL 都合
GitHub Pages でホスティングしているプロジェクトページの URL と それに対応する favicon は以下の通りです。 これではプロジェクトごとに別々の favicon を表示することができません。
- Project Page URL
- favicon path
favicon.ico の参照先を変更する
表示している HTML の head 内に、以下のように記述すると favicon.ico の参照先を変更することができます。
/projectname/index.html
<link rel="shortcut icon" type="image/x-icon" href="path/to/favicon.ico">