【小问题】GitHub图片加载问题解决

引言

众所周知, GayHub GitHub作为世界范围内相当规模的 同性 同行交流平台,拥有着大量的学习资源。但又因为另外一些人尽皆知的原因,国内访问这个站点的体验一直不咋滴。

前一阵子GitHub终于在国内有了自己的代理,咱们坐标国内的程序员(媛)准程序员(媛)们终于能够愉快地上去CV代码了。

但是令人拍案叫绝的是,虽然GitHub本身的问题解决了,它的两个资源站(其实不止两个,但是对咱们用到的静态资源影响最大的是两个)又愉快地被墙了。所以很多小伙伴会发现GitHub上的图片加载不出来。

先写在前面,据说有小伙伴不用Chrome而是用Edge能够加载出来,我并没有测试(应该说,想到要测试的时候,我用啥浏览器都确定能加载出来了),感兴趣的小伙伴自己尝试一下吧。

问题复现

图片加载的问题嘛,最明显的表现当然是头像框是个白圈圈。

开发者工具(F12)干得漂亮呀,即便我用白头像也没法自欺欺人了。

Github图片加载问题

解决方法

思路

其实这种正经站点被墙应该是个巨大的误会,国内的DNS服务器里没有收录这些站点的IP地址。因此在DNS解析这个阶段,咱们的计算机取不到域名相应的地址,就没法从互联网上得到相应的资源展示给用户(讲得高端,就是我)。

那么如果使用的是Windows系统,C:\Windows\System32\drivers\etc这个路径下有一个hosts文件。它的一个作用是告知你的计算机部分域名对应的IP地址(这不是巧了嘛这不是),相当于跟你的电脑说,别去找DNS服务器了,它不给力,咱们自己知道。

solving-1

于是你的计算机遇到这个域名的时候,在解析阶段会直接拿着hosts文件中的IP地址去找资源,问题就解决了。

详细步骤

理解了思路之后就很简单了,我们只需要在hosts文件中添加GitHub的资源站的域名及其相应的IP地址即可。

然而,熟悉Windows的小伙伴看到这个路径心里应该有一些想法。没错,这个hosts文件不是上来想改就能改的。

机智如你,用记事本打开之后加上了想要的内容,一定不会将它保存成文本文件。但是当你想要覆盖原来的host时,就会看到下面这个弹窗,问题没有解决。

solving-2

所以我们还是得先来讲一讲怎么修改hosts文件。

  1. 在hosts文件属性的安全标签下,点击编辑
  2. 在新弹出的窗口中点击添加
  3. 再在新弹出的窗口中点击高级
solving-3
  1. 之后在新弹出的窗口中点击立即查找
  2. 接下来在下面的列表里选中自己的用户账户,点击确定
  3. 回到上一个窗口给自己这个账户的角色添加写入的权限,点击应用(到这儿,hosts文件就可以修改保存了)
solving-3

然后我们只需要在hosts文件后,添加GitHub资源站相应的IP地址和域名:

#GitHub
199.232.96.133 raw.githubusercontent.com
199.232.96.133 avatars.githubusercontent.com

需要注意的是,这里的IP地址每隔一段时间会更改(别问为什么,问就是我计网也没学好)。我们只需要前往ipaddress.com(名字就叫这个)这个网站,然后输入GitHub的两个资源站的域名:静态资源raw.githubusercontent.com和头像avatars.githubusercontent.com查找相应的IP地址再加上就可以了。

最后刷新GitHub页面,Network这一栏里原来404的头像文件也成功加载出来啦,完美。

result

多啰嗦一句,既然已经在编辑hosts文件了,不妨顺手查一下GitHub本身的ip地址加上去。如果有时候会出现GitHub首页都加载不出来的问题,加上应该能解决。

结语

这一整套流程下来,肯定有心思活络的小伙伴想到了一些不可描述的操作,而不单单是解决一个GitHub图片加载的问题。

比方说,如果我用同样的方式加上P站(我说的是Pixabay,一个免费的版权图片网站)的解析,我访问它的速度会更快吗?

#Pixabay
104.18.20.183 pixabay.com
104.18.21.183 pixabay.com

这个事情得说明白,我们上面做的这些事儿,只是加快了DNS解析。也就是说,我们访问这个域名,能够光速获得IP地址(虽然不写脚本的话还得时不时手动改一下)。

如果目标方服务器的相应没有问题,我们能够很快看到它的首页。但是这类资源站的困扰从来就不是首页打不开,而是资源加载不出来,这个问题可能是多个原因导致的,例如服务器本身的处理能力不够(卡住了),或者服务器相应的时间过长(服务器离你太远,并发访问量过大之类的),等等等等。

这些就不是改个hosts文件能够解决的了。

  文章标题下的时间是文章的最新修改时间,鼠标悬停可以看到发布时间,请注意信息的有效性。
  版权声明:
    除非特殊说明,本站所有内容均为原创,采用 CC BY-NC-SA 4.0 许可协议进行共享 。
    需转载请注明原文标题:【小问题】GitHub图片加载问题解决 及链接:https://www.grobsr.com/some-github-image-problem/
暂无评论

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇