解決博文圖片不顯示的問題

[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就行啦