解决GitHub网页上图片显示失败问题

1. 问题

GitHub网页上项目中图片加载不出来,并且Console控制台报错
Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID

实际上,可以认为,ERR_CERT_COMMON_NAME_INVALID就是用一个错误的域名访问了某个节点的https资源。导致这个错误的原因,基本是:

  • dns污染
  • host设置错误
  • 官方更新了dns,但是dns缓存没有被更新,导致错误解析。

2. 解决方法

主要思路就是使用本地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是:199.232.68.133,并且是2020.04.13最后更新的,那么我们就可以使这个IP和域名映射起来。

2.3. 修改hosts

具体咋映射呢?修改hosts文件!!!本人使用的是windows系统,所以使用Notepad++打开:C:\Windows\System32\drivers\etc\hosts

在文件末尾添加:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# 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了,至于无法保存,是因为管理员权限没有开,一般情况下Notepad++会提示并自动转入管理员权限。

最后刷新以下网页就Ok啦!

参考资料
【最新】解决Github网页上图片显示失败的问题

文章目录
  1. 1. 问题
  2. 2. 解决方法
    1. 2.1. 找到URL
    2. 2.2. 获取IP地址
    3. 2.3. 修改hosts
|