Github 图片不显示问题排查

问题现象

最近一段时间,经常有同学给我们反馈,我们的 Github Readme 文件中图片显示不出来,问题现象如下:

之前其实也有遇到这类问题,但是一直没有认真排查过,这次刚好有时间,就认真看看。

排查思路

2.1. 查看报错原因

当图片无法正常加载时,从浏览器的控制台可以看到如下报错: 因为是此仓库保存的图片,检查后可以看到这个图片的源文件都是在的,但是点击诸如这样的链接:raw.githubusercontent.com/Tencent-RTC... 后,却提示:raw.githubusercontent.com 拒绝了我们的连接请求。

2.2. ping 网站地址

通过 raw.githubusercontent.com 这个地址,发现确实无法正常访问:

bash 复制代码
tatemin@TATEMIN-MC5:~ % ping raw.githubusercontent.com
PING raw.githubusercontent.com (0.0.0.0): 56 data bytes
ping: sendto: Socket is not connected
ping: sendto: Socket is not connected
Request timeout for icmp_seq 0
ping: sendto: Socket is not connected
Request timeout for icmp_seq 1
ping: sendto: Socket is not connected
Request timeout for icmp_seq 2
ping: sendto: Socket is not connected
Request timeout for icmp_seq 3

2.3. ping IP 地址

raw.githubusercontent.com 无法正常 ping 通,然后我们通过 IP 查询工具 查询到该地址对应的 IP:185.199.109.133:

然后接着 ping 这个地址:

bash 复制代码
tatemin@TATEMIN-MC5:~ % ping 185.199.110.133
PING 185.199.110.133 (185.199.110.133): 56 data bytes
Request timeout for icmp_seq 0
Request timeout for icmp_seq 1
Request timeout for icmp_seq 2
Request timeout for icmp_seq 3
64 bytes from 185.199.110.133: icmp_seq=4 ttl=64 time=193.524 ms
Request timeout for icmp_seq 5
Request timeout for icmp_seq 6
Request timeout for icmp_seq 7
Request timeout for icmp_seq 8
64 bytes from 185.199.110.133: icmp_seq=9 ttl=64 time=189.056 ms
Request timeout for icmp_seq 10
Request timeout for icmp_seq 11
Request timeout for icmp_seq 12
Request timeout for icmp_seq 13
64 bytes from 185.199.110.133: icmp_seq=14 ttl=64 time=192.879 ms

从输出结果显示,有部分请求超时,但也有部分请求得到了响应,说明您的网络连接存在一些问题,但并非完全无法连接,跟直接 ping 域名的结果是不一样的。

问题解决

在 Mac 上通过终端工具,修改 hosts 文件如下:

bash 复制代码
tatemin@TATEMIN-MC5:~ % cat /etc/hosts
##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1	localhost
255.255.255.255	broadcasthost
::1             localhost
185.199.110.133 raw.githubusercontent.com // 此次新增

然后,关闭浏览器,再重新打开页面,图片资源就可以正常加载了~

相关推荐
江畔柳前堤4 小时前
github实战指南01-账号配置与 SSH 密钥
运维·人工智能·深度学习·ssh·github·pyqt·信号处理
kyriewen6 小时前
从本地到生产:迁移到 GitHub Actions 自动化 CI/CD,总结了这 5 个坑
前端·github·自动化运维
江畔柳前堤7 小时前
github实战指南02-仓库管理与 Issue
人工智能·深度学习·github·信号处理·caffe·wps·issue
江畔柳前堤9 小时前
github实战指南07-CLI 与高级技巧
前端·人工智能·chrome·深度学习·github·caffe·issue
右耳朵猫AI9 小时前
GitHub周趋势2026W23 | last30days-skill AI搜索、headroom令牌压缩、apple/container开源
人工智能·开源·github
器灵科技10 小时前
AI视频工具实测:Seedance/可灵/HappyHorse谁最能打?
java·运维·数据库·人工智能·github
DogDaoDao10 小时前
【GitHub】 Headroom 深度解析:AI Agent 上下文压缩层的完整技术拆解
人工智能·深度学习·程序员·github·ai agent·智能体·agent skill
dominciyue11 小时前
当 judge 们吵起来时,别再投票了:用执行结果给 code eval 一个 ground truth
github
IT 行者11 小时前
GitHub Spec Kit 实战(六):/speckit.implement 怎么用、怎么审、怎么发现 spec 阶段的遗漏——五部曲收官
java·驱动开发·github·ai编程·claude
带娃的IT创业者11 小时前
深度解析:从 GitHub 热门项目看 SEO 自动化的技术架构演进
架构·自动化·github·seo·技术架构·反爬虫