You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 22:54:31