技術標籤：Web前端

文章目錄

• 問題及原因
• 解決
• • windows
  • Max OS
• 參考

問題及原因

chrome 瀏覽器無法顯示GitHub相關頁面頭像、圖片，原因在於DNS配置出現問題，無法解析圖片的正確地址。那麼如何配置DNS，這就要提到hosts檔案了，hosts檔案中記錄著IP地址和Host name(主機名)的關係，主要作用包括：加快域名解析、方便區域網使用者、遮蔽網站、順利連線系統等等。有些破解軟體需要遮蔽掉他們的聯網驗證，其原理就是修改hosts檔案，此外，還可以通過修改hosts來遮蔽掉一些視訊網站的廣告。
為什麼需要hosts，這是因為在訪問網路的時候一般順序是先將類似www.***.com的域名通過DNS域名解析器解析成類似124.***.***.***的IP地址，然而如果每次都需要進行這個過程將極其浪費時間和佔用計算資源（因為需要通過專門的域名解析伺服器），為了提高域名解析和訪問效率，hosts應運而生,它將IP地址和域名直接關聯起來，相當於把DNS伺服器的字典本地化，只不過是更加個性化的字典。

解決

解決方法：重新配置hosts檔案中的dns解析關係

windows

1.在桌面新建hosts.txt檔案，在行末追加如下的github DNS解析關係，儲存退出更名為hosts
2.Win + R，輸入C:\Windows\System32\drivers\etc\hosts，開啟目錄，將上一步檔案替換到此（解決許可權問題）
3.Win + R，ipconfig /flushdns,重新整理DNS解析快取：相當於更新配置檔案
4.F5重新重新整理網頁即可

• github DNS

# 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
199.232.28.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
199.232.96.133     avatars.githubusercontent.com
151.101.184.133    avatars0.githubusercontent.com
199.232.68.133     avatars0.githubusercontent.com
199.232.28.133     avatars0.githubusercontent.com 
199.232.28.133     avatars1.githubusercontent.com
151.101.184.133    avatars1.githubusercontent.com
151.101.108.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
199.232.96.133     avatars9.githubusercontent.com
# GitHub End
 

hosts檔案規則，每行一個對映關係，第一列是IP地址，第二列是對應的域名，中間至少一個空格，#是註釋

Max OS

Mac 方法與之類似，在term中

# 1.貼上上面的github hosts內容，儲存退出
sudo vi /etc/hosts
# 2.根據Max OS版本重新整理dns 
# OS X 12 (Sierra) and later
macbook$ sudo killall -HUP mDNSResponder;sudo killall mDNSResponderHelper;sudo dscacheutil -flushcache
# OS X 11 (El Capitan) and OS X 12 (Sierra)
macbook$ sudo killall -HUP mDNSResponder
# OS X 10.10 (Yosemite)
macbook$ sudo dscacheutil -flushcache;sudo killall -HUP mDNSResponder
# Versions 10.10.1, 10.10.2, 10.10.3
macbook$ sudo discoveryutil udnsflushcaches
# OS X 10.9 (Mavericks)
macbook$ dscacheutil -flushcache; sudo killall -HUP mDNSResponder
# OS X 10.7 (Lion) and 10.8 (Mountain Lion)
macbook$ sudo killall -HUP mDNSResponder
# OS X 10.5 (Leopard) and 10.6 (Snow Leopard)
macbook$ dscacheutil -flushcache
# OS X 10.4 (Tiger)
macbook$ lookupd -flushcache
 

參考

解決Github網頁上圖片顯示失敗的問題
windows下配置host的作用