解决Github Page 部署favicon不生效的一种办法

问题描述

今天写了一个光遇游戏国际服的红石降落时间预测小网页，部署到Github上后却发现原本本地部署能加载的favicon 图标在Github Page加载不了。在浏览器检查网络项，发现服务器返回404。

我的favicon 原本是根目录下的favicon-32x32.png，在index.html通过link标签引入，原本路径是"/" 根路径。

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

我的解决方案

经过多次尝试，发现将根路径改为相对路径"./" 后重新提交部署，favicon就能正常显示了。

<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">

 （但是我并不清楚背后的原理，可能与Github Page服务器内部配置有关吧）

写在后面

1. 我的Github 访问超级慢，经常无响应，后来使用了FastGithub, 基本就没有问题了。FastGithub原本是开源软件，现在好像停止更新了，但是截止本文写作时间清华大学云盘里还有备份能用，免费的。清华大学云盘 (tsinghua.edu.cn)

2. 欢迎访问我的光遇红石预测网页（如果你也恰好玩国际服的话），技术有限，勿喷见谅。Ava's Sky Shards (jaynampan.github.io)

3. 笔者水平有限，目前只能想出将"/" 根路径转为"./" 相对路径的解决方法，可能不适用所有情况。