软件使用：解决Github网页上图片显示失败的问题。

左手的ㄟ右手 2022-11-27 07:14 244阅读 0赞

好几个星期之前本人就发现自己的`github`在网页打开显示不了图片的问题了，不过当时没在意。

今天强迫症逼迫我一定要搞定它，于是去找了一些方法，自己做个记录，有相同问题的伙伴可以参考一下。

# 问题 #

比如随便打开一个项目，图片都不能显示了，我头像也没了，真是一个令人伤心的事  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjMyNTk4_size_16_color_FFFFFF_t_70]  
`F12`打开控制台看一哈  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjMyNTk4_size_16_color_FFFFFF_t_70 1]  
呦，一堆红色×。主要报错是`Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID`

去查了一下，博主[john-zeng][]这样解释道：

> 实际上，可以认为，`ERR_CERT_COMMON_NAME_INVALID`就是用一个错误的域名访问了某个节点的`https`资源。导致这个错误的原因，基本是：
> 
> 1.  dns污染
> 2.  host设置错误
> 3.  官方更新了dns，但是dns缓存没有被更新，导致错误解析。

我觉得像是有点道理，解决方法就粗来了，hin简单，往下看。

# 解决方法 #

主要思路就是使用本地`hosts`文件对网站进行域名解析，一般的`DNS`问题都可以通过修改`hosts`文件来解决，`github`的`CDN`域名被污染问题也不例外，同样可以通过修改`hosts`文件解决，将域名解析直接指向`IP`地址来绕过`DNS`的解析，以此解决污染问题。

## 找到URL ##

打开`github`任意未显示图片的网页，使用元素选择器（`Ctrl+Shift+C`）放在显示不了的图片上，或者在无法显示的图片上右键-检查元素，定位到该图片的标签，那么你得到了它的URL，叫做`src`属性。

比如介个![在这里插入图片描述][20190608171357618.png]  
在右面把它的网址复制粗来：

`https://avatars2.githubusercontent.com/u/15832957?s=60&v=4`

## 获取IP地址 ##

得到上述网址以后打开[IPAddress.com][]这个网站，在搜索框输入它的域名，就是`https://`到`com`那一部分，俗称二级域名：

`avatars2.githubusercontent.com`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjMyNTk4_size_16_color_FFFFFF_t_70 2]  
回车！！！下面你会看到该域名的信息和`IP`地址：  
![在这里插入图片描述][20190608173124253.png]  
可以看出IP是：`151.101.184.133`，并且是2019.05.05最后更新的，alright，那么我们就可以使这个**IP**和**域名**映射起来。

（其他如果有挂掉的图片一样使用此方法进行一一映射即可。）

## 修改hosts ##

具体咋映射呢？修改`hosts`文件！！！本人使用的是`windows`系统，所以使用`Sublime Text`打开：`C:\Windows\System32\drivers\etc\hosts`

在文件末尾添加：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjMyNTk4_size_16_color_FFFFFF_t_70 3]

可以直接选中以下内容复制粘贴，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缓存的问题，刷新一下，步骤。

1.  windows开始→运行→输入：CMD 按回车键，打开命令提示符窗口。
2.  再输入： ipconfig /flushdns 回车,执行命令，可以重建本地DNS缓存。

再附上几个命令：

ipconfig /displaydns # 显示dns缓存 
    
    ipconfig /flushdns # 刷新DNS记录 
    
    ipconfig /renew # 重请从DHCP服务器获得IP

PS：另外要注意的一点就是，如果图片再次不能显示，只需要及时更新IP就行啦，这波操作不麻烦，你看我头像回来了！！！  
![JevenM][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjMyNTk4_size_16_color_FFFFFF_t_70]: /images/20221124/ac03f2bfcffb4479936ed1ac2a02ab0f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjMyNTk4_size_16_color_FFFFFF_t_70 1]: /images/20221124/67e7c2a807f440848ba51985c53b6cef.png
[john-zeng]: https://blog.csdn.net/zerooffdate/article/details/80513730
[20190608171357618.png]: /images/20221124/68297eddc76d42a6a0997ccf203ebb5a.png
[IPAddress.com]: https://www.ipaddress.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjMyNTk4_size_16_color_FFFFFF_t_70 2]: /images/20221124/0426de77891d41d2867a0b382fee6726.png
[20190608173124253.png]: /images/20221124/22195b04a63449d0884a24ec182ab961.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjMyNTk4_size_16_color_FFFFFF_t_70 3]: /images/20221124/360e2efc83804e64b4a1c107bb51ffba.png
[JevenM]: /images/20221124/e3a59330bcdb431ba077151c8e4376c0.png