解决Github网页上图片显示失败的问题
本文由 简悦 SimpRead 转码, 原文地址 blog.csdn.net
目录#
好几个星期之前本人就发现自己的github
在网页打开显示不了图片的问题了,不过当时没在意。
今天强迫症逼迫我一定要搞定它,于是去找了一些方法,自己做个记录,有相同问题的伙伴可以参考一下。
一、问题#
比如随便打开一个项目,图片都不能显示了,我头像也没了,真是一个令人伤心的事
F12
打开控制台看一哈
呦,一堆红色 ×。主要报错是Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID
去查了一下,博主 john-zeng 这样解释道:
实际上,可以认为,
ERR_CERT_COMMON_NAME_INVALID
就是用一个错误的域名访问了某个节点的https
资源。导致这个错误的原因,基本是:
- dns 污染
- host 设置错误
- 官方更新了 dns,但是 dns 缓存没有被更新,导致错误解析。
我觉得像是有点道理,解决方法就粗来了,hin 简单,往下看。
二、解决方法#
主要思路就是使用本地hosts
文件对网站进行域名解析,一般的DNS
问题都可以通过修改hosts
文件来解决,github
的CDN
域名被污染问题也不例外,同样可以通过修改hosts
文件解决,将域名解析直接指向IP
地址来绕过DNS
的解析,以此解决污染问题。
2.1 找到 URL#
打开github
任意未显示图片的网页,使用元素选择器(Ctrl+Shift+C
)放在显示不了的图片上,或者在无法显示的图片上右键 - 检查元素,定位到该图片的标签,那么你得到了它的 URL,叫做src
属性。
https://avatars2.githubusercontent.com/u/15832957?s=60&v=4
2.2 获取 IP 地址#
得到上述网址以后打开 IPAddress.com 这个网站,在搜索框输入它的域名,就是https://
到com
那一部分,俗称二级域名:
avatars2.githubusercontent.com
回车!!!下面你会看到该域名的信息和IP
地址:
可以看出 IP 是:151.101.184.133
,并且是 2019.05.05 最后更新的,alright,那么我们就可以使这个 IP 和域名映射起来。
(其他如果有挂掉的图片一样使用此方法进行一一映射即可。)
2.3 修改 hosts#
具体咋映射呢?修改hosts
文件!!!本人使用的是windows
系统,所以使用Sublime Text
打开:C:\Windows\System32\drivers\etc\hosts
可以直接选中以下内容复制粘贴,20200328 更新
# GitHub Start
140.82.113.3 github.com
140.82.114.20 gist.github.com
151.101.184.133 assets-cdn.github.com
151.101.184.133 raw.githubusercontent.com
151.101.184.133 gist.githubusercontent.com
151.101.184.133 cloud.githubusercontent.com
151.101.184.133 camo.githubusercontent.com
151.101.184.133 avatars0.githubusercontent.com
199.232.68.133 avatars0.githubusercontent.com
199.232.28.133 avatars1.githubusercontent.com
151.101.184.133 avatars1.githubusercontent.com
151.101.184.133 avatars2.githubusercontent.com
199.232.28.133 avatars2.githubusercontent.com
151.101.184.133 avatars3.githubusercontent.com
199.232.68.133 avatars3.githubusercontent.com
151.101.184.133 avatars4.githubusercontent.com
199.232.68.133 avatars4.githubusercontent.com
151.101.184.133 avatars5.githubusercontent.com
199.232.68.133 avatars5.githubusercontent.com
151.101.184.133 avatars6.githubusercontent.com
199.232.68.133 avatars6.githubusercontent.com
151.101.184.133 avatars7.githubusercontent.com
199.232.68.133 avatars7.githubusercontent.com
151.101.184.133 avatars8.githubusercontent.com
199.232.68.133 avatars8.githubusercontent.com
# GitHub End
然后保存文件就 OK 了,至于无法保存,没有修改权限,鼠标右键 - 属性 - 安全 - 修改权限;或将hosts
文件复制一份,修改之后,复制到原文件夹替换!
三、最后说几句#
还可以使用ipconfig/flush
对本地 DNS 缓存进行一次刷新,如果遇到网络异常,可能是 DNS 缓存的问题,刷新一下,步骤。
- windows 开始→运行→输入:CMD 按回车键,打开命令提示符窗口。
- 再输入: ipconfig /flushdns 回车, 执行命令,可以重建本地 DNS 缓存。
再附上几个命令:
ipconfig /displaydns # 显示dns缓存
ipconfig /flushdns # 刷新DNS记录
ipconfig /renew # 重请从DHCP服务器获得IP
PS:另外要注意的一点就是,如果图片再次不能显示,只需要及时更新 IP 就行啦,这波操作不麻烦,你看我头像回来了!!!
原文链接:https://blog.csdn.net/qq_38232598/article/details/91346392
作者: "无问西东"
出处:https://www.cnblogs.com/csyh/articles/13191616.html
版权:本文采用「署名-非商业性使用-相同方式共享 4.0 国际」知识共享许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!