一、問題描述

很多時(shí)候，我們打開GitHub查看別人的項(xiàng)目時(shí)，會有圖片加載不出來的情況，甚至包括用戶的頭像。如下面兩幅圖：

git1.png

git2.png

此時(shí)打開控制臺，甚至?xí)吹揭淮蟛ǖ腻e(cuò)誤：

git3.png

主要思路就是使用本地hosts文件對網(wǎng)站進(jìn)行域名解析，一般的DNS問題都可以通過修改hosts文件來解決，github的CDN域名被污染問題也不例外，同樣可以通過修改hosts文件解決，將域名解析直接指向IP地址來繞過DNS的解析，以此解決污染問題。

（來源：https://blog.csdn.net/qq_38232598/article/details/91346392）

所以其實(shí)不管是windows下還是Mac下解決的思路都是一樣的，都是為了找到hosts文件，然后添上github的域名IP映射。

另外關(guān)于查詢域名的對應(yīng)IP映射可以到點(diǎn)擊這里：https://www.ipaddress.com/

二、windows如何解決？

因?yàn)椴┲饔玫囊恢倍际?code>Mac，所以這里偷個(gè)懶，來個(gè)傳送門：

【最新】解決Github網(wǎng)頁上圖片顯示失敗的問題

三、Mac如何解決？

這里詳細(xì)的記錄下自己在Mac下是如何解決這個(gè)問題的。其實(shí)之前解決過一次，不過后來換了一次系統(tǒng)，配置文件又變動了，所以這次也是寫篇文章總結(jié)一下。

1. 查找并打開hosts文件

其實(shí)按開頭介紹的，解決的關(guān)鍵就是要找到hosts這個(gè)文件。

打開達(dá)訪，然后使用快速查找快捷鍵：

Shift + Command + G

輸入：

（我電腦中的這個(gè)文件是放在這個(gè)目錄下的，但是我不是很確定你們的是不是也是）

private/etc/

回車，進(jìn)入這個(gè)文件夾中，可以找到hosts這個(gè)文件。

git4.png

如果你不確定自己的host文件在哪里，你可以這樣做：

一、打開終端

Command + 空格

輸入terminal并回車

二、打開hosts文件

在終端中輸入：

$ open /etc/hosts

并回車，此時(shí)會打開hosts文件。

git5.png

2. 修改etc文件夾權(quán)限

如上面那種圖所示，你打開的hosts文件不一定能夠編輯，也就是在文件名的邊上顯示的是已鎖定。

這時(shí)候我們需要修改一下這個(gè)文件夾的權(quán)限，也就是etc文件夾的權(quán)限。

一、

首先進(jìn)入private文件夾下，并右鍵etc文件夾，點(diǎn)擊顯示簡介。

二、

解鎖hosts，點(diǎn)擊右下腳的解鎖按鈕:

git6.png

三、

添加修改權(quán)限，我這里是將Admin和lindaidai都添加了進(jìn)去，并且權(quán)限設(shè)置為讀與寫。

git7.png

經(jīng)過上面幾步，你再次打開hosts文件就可以進(jìn)行編輯了。

3. 給hosts中添加github的IP地址

將以下配置添加到你的hosts文件中。

(hosts文件可以用任意的文本編輯器打開，例如我直接用的Mac自帶的文本編輯)

# 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

如下圖：

四、解決成功效果

保存成功上訴文件后，讓我們重新打開github再來看看吧。

good boy~ 完美解決：

git9.png