GitHub Pages部署后Favicon不生效问题(带/不带问号均无效)
可能导致GitHub Pages上Favicon无法显示的原因
路径配置错误:如果你的GitHub Pages是项目站点(访问地址为
username.github.io/repo-name/),根路径/指向的是GitHub Pages全局根目录,而非你的项目根目录。此时需要把href改为项目相对路径,比如/repo-name/img/favicon1.ico,或者用相对路径./img/favicon1.ico(若HTML文件在项目根目录)。文件位置或名称不符:
- 确认
favicon1.ico确实存放在仓库的img文件夹下,GitHub对文件名和文件夹名区分大小写,比如Img和img、Favicon1.ico和favicon1.ico会被视为不同路径。 - 检查文件是否被正确提交到GitHub仓库,有没有被
.gitignore规则排除。
- 确认
浏览器缓存干扰:即使加了
?参数,部分浏览器仍可能缓存旧的图标请求记录。可以通过以下方式排查:- 按
Ctrl+F5强制刷新页面; - 打开浏览器开发者工具(F12)的Network面板,筛选"Icon"请求,查看返回状态是否为404(找不到文件),若是则说明路径或文件存在问题。
- 按
标签属性兼容性问题:虽然
rel="shortcut icon"是旧标准写法,但部分现代浏览器更偏好标准的rel="icon"属性。可以尝试更新标签为:<link rel="icon" type="image/x-icon" href="正确的路径">
内容的提问来源于stack exchange,提问作者Mohit Jaiswal
相关产品推荐
相关产品推荐

