解决博文图片不显示的问题

[TOC]

问题

最近写博文的时候发现图片都不显示了: <img src="https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/nodisplaypic.png"> 博文用到的图片一直是用github作图床，果真github里的图片也不显示了： <img src="https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/displayproblem.png"> 报错：Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID 这样很影响博文内容的理解啊，在网上搜了一下找到解决方案，记录一下。 如下解放方法参照博主Antrn的这篇博文：【最新】解决github图片不显示的问题。

问题根源

博主john-zeng这样解释道：

实际上，能够认为，ERR_CERT_COMMON_NAME_INVALID就是用一个错误的域名访问了某个节点的https资源。致使这个错误的缘由，基本是：   ① dns污染   ② host设置错误   ③ 官方更新了dns，可是dns缓存没有被更新，致使错误解析。

解决步骤

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

找到URL

打开github任意带有挂掉图片的网页，使用元素选择器（Ctrl+Shift+C）放在显示不了的图片上，或者在挂掉的图片上右键-检查元素，定位到该图片的标签，那么你获得了它的URL，叫作src属性。 好比: <img src="https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/20191031122125.png"> 或者直接在Console栏右键保存出错日志: <img src="https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/20191031122319.png"> 打开日志可获得图片连接: <img src="https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/20191031122454.png"> 复制该连接： https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/dp01backpack.gif

获取IP地址

获得上述网址之后打开IPAddress.com这个网站，在搜索框输入它的域名，就是https://到com那一部分，俗称二级域名：<br>raw.githubusercontent.com <img src="https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/20191031122801.png"> 回车，获得该域名的信息和IP地址： <img src="https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/20191031122913.png"> 能够看出IP是：199.232.4.133，而且是2019.10.18最后更新的，那么咱们就可使这个IP和域名映射起来。 （其余若是有其余不能显示的图片同样使用此方法进行一一映射便可。）

修改hosts

具体怎么映射呢？修改hosts文件！！！若使用的是windows系统，以管理员权限打开hosts文件：<br>C:\Windows\System32\drivers\etc\hosts 在文件末尾添加： <img src="https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/20191031123154.png">

# GitHub Start
192.30.253.112    github.com
199.232.4.133    raw.githubusercontent.com
# GitHub End

PS：另外要注意的一点就是，若是图片再次挂掉，只须要及时更新IP就行啦