天天看點

【解決】GitHub圖檔加載顯示問題github網站圖檔不顯示的問題

cle class="post-6657 post type-post status-publish format-standard hentry category-android_news" id="post-6657">

github網站圖檔不顯示的問題

摘要:

解決github圖檔不顯示的問題

一、問題

比如随便打開一個項目,圖檔都挂掉了,我頭像都沒了,真是一個令人傷心的事

【解決】GitHub圖檔加載顯示問題github網站圖檔不顯示的問題

F12打開控制台看一哈

【解決】GitHub圖檔加載顯示問題github網站圖檔不顯示的問題

呦,一堆紅色×。主要報錯是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屬性。

比如介個

【解決】GitHub圖檔加載顯示問題github網站圖檔不顯示的問題

在右面把它的網址複制粗來:

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

2.2 擷取IP位址

得到上述網址以後打開IPAddress.com這個網站,在搜尋框輸入它的域名,就是https://到com那一部分,俗稱二級域名:

avatars2.githubusercontent.com

【解決】GitHub圖檔加載顯示問題github網站圖檔不顯示的問題

回車!!!下面你會看到該域名的資訊和IP位址:

【解決】GitHub圖檔加載顯示問題github網站圖檔不顯示的問題

可以看出IP是:151.101.184.133,并且是2019.05.05最後更新的,alright,那麼我們就可以使這個IP和域名映射起來。

(其他如果有挂掉的圖檔一樣使用此方法進行一一映射即可。)

2.3 修改hosts

具體咋映射呢?修改hosts檔案!!!本人使用的是windows系統,是以使用Sublime Text打開:C:\Windows\System32\drivers\etc\hosts

在檔案末尾添加:

————————————————

選中以下複制粘貼

#GitHub Start
192.30.253.112 github.com
192.30.253.119 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
151.101.184.133 avatars1.githubusercontent.com
151.101.184.133 avatars2.githubusercontent.com
151.101.184.133 avatars3.githubusercontent.com
151.101.184.133 avatars4.githubusercontent.com
151.101.184.133 avatars5.githubusercontent.com
151.101.184.133 avatars6.githubusercontent.com
151.101.184.133 avatars7.githubusercontent.com
151.101.184.133 avatars8.githubusercontent.com
#GitHub End
           

然後儲存檔案就OK了,至于無法儲存,沒有修改權限,滑鼠右鍵-屬性-安全-修改權限;或将hosts檔案複制一份,修改之後,複制到原檔案夾替換。

PS:另外要注意的一點就是,如果圖檔再次挂掉,隻需要及時更新IP就行啦,這波操作不麻煩,你看我頭像回來了!!!