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

Github Pages图片索引异常求助:嵌入图片无法加载问题排查

Github Pages图片加载失败的解决办法

1. 修正路径匹配问题

  • 如果你已经指定了用作Github Pages根目录的文件夹(比如docs或public),绝对路径开头的斜杠/会指向整个仓库的根,而不是你设置的Pages根目录。把开头的斜杠去掉,改用相对路径:
    ![Histograma de Balanço](Imagens/Hist%20Balance.png)
    
    或者直接写带空格的文件名(大部分Markdown解析器支持):
    ![Histograma de Balanço](Imagens/Hist Balance.png)
    
  • 注意大小写:Github Pages运行在Linux环境,路径区分大小写。比如仓库里是imagens(小写),你写Imagens(大写)就会加载失败,必须完全匹配。

2. 确认文件真实存在

  • 去Github仓库里直接核对:进入你设置的Pages根目录,确认Imagens文件夹确实存在,且Hist Balance.png文件在里面,没有拼写错误、多空格或者文件名后缀错误(比如写成.PNG而不是.png)。
  • 可以直接测试图片URL:比如你的Pages站点是xxx.github.io/your-repo,那图片的正确URL应该是https://xxx.github.io/your-repo/Imagens/Hist%20Balance.png,如果访问这个URL返回404,说明路径肯定不对。

3. 强制重新部署清理缓存

  • Github Pages偶尔会有缓存,修改路径后可能需要等几分钟才生效。手动触发重新部署:进入仓库的「Settings」→「Pages」,找到「Deploy from a branch」区域,点击「Update」按钮,强制重新构建站点。

4. 适配子目录下的markdown文件

如果你的markdown文件不在Pages根目录(比如放在docs/posts/文件夹里),需要用../回到上一级目录来指向图片:

![Histograma de Balanço](../Imagens/Hist%20Balance.png)

内容的提问来源于stack exchange,提问作者Luiz Fernando Pigini Faro

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.23 18:12:22