如何解决上传到github上的图片显示不出来的问题

你有没有遇到上传github仓库的图片，显示不出来的情况，或者是仓库的README.md文件，插入的图片总是莫名其妙的无法显示，而且重新编辑也没什么卵用。

于是我们可以使用chrome或是edge浏览器,F12打开开发者工具，你会发现获取图片报错的提示：

Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID

经过查阅了解的资料，综合起来，出现这样的报错提示，是因为我们使用一个错误的域名访问了某个节点的https资源导致的。原因大致是

1.dns污染
2.host设置错误
3.官方更新了dns，但是dns缓存没有被更新，导致错误解析。

所以，我们需要找到获取失败的图片地址，在控制台获取资源失败的提示里查看，图片来源的域名：

raw.githubusercontent.com

打开一个域名解析网站：①https://ping.eu/nslookup

②https://www.ipaddress.com/

获取图片域名对应的ip地址：

raw.githubusercontent.com has address 185.199.111.133
raw.githubusercontent.com has address 185.199.110.133
raw.githubusercontent.com has address 185.199.108.133
raw.githubusercontent.com has address 185.199.109.133
raw.githubusercontent.com has IPv6 address 2606:50c0:8003::154
raw.githubusercontent.com has IPv6 address 2606:50c0:8000::154
raw.githubusercontent.com has IPv6 address 2606:50c0:8001::154
raw.githubusercontent.com has IPv6 address 2606:50c0:8002::154

所以，我们需要把以上IP和域名映射起来，如何映射呢？

使用记事本或是任意IDE工具打开本机的hosts文件：C:\Windows\System32\drivers\etc\hosts

把获取到的域名和ip地址加入到hosts文件中，保存即可，如下：

# 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
185.199.111.133    raw.githubusercontent.com
185.199.110.133    raw.githubusercontent.com
185.199.108.133    raw.githubusercontent.com
185.199.109.133    raw.githubusercontent.com
# GitHub End

以上ip是github当前使用的最新的ip地址，可能之后还会发生变更，如果遇到图片不能显示了，大家可依据上述方法及时更新ip配置host文件即可。

补充点番外知识：

遇到网络异常，可能是DNS缓存的问题，这时你可以使用ipconfig/flush命令对本地DNS缓存进行一次刷新即可，如下步骤：

如何解决上传到github上的图片显示不出来的问题相关推荐

如何把本地idea上的项目上传到github上以及出现invalid authentication data问题的解决措施
注意看标题是上传到 github 上,所以你的 github 地址是 : github.com 而不是其他的,基于这个大方向下做以下修改: 第一步: 就需要正在github中创建一个账号:http ...
python怎么发布pycharm_如何使用PyCharm将代码上传到GitHub上(图文详解)
说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 一丶说明测试条件:需要有GitHub账号以及在本地安装了Git工具,无论是Linux环境还是Windows都是一样的二丶上传配 ...
如何通过TortoiseGit（小乌龟）把本地项目上传到github上
1.第一步: 安装git for windows(链接:https://gitforwindows.org/)一路next就好了, 如果遇到什么问题可以参考我另外一篇文章~^ - ^ 2.第二步:安装 ...
手把手教你把你的作品上传到github上
原起为什么要把自己做的一些东西上传到github上? 在软件行业竞争日益激烈的行情下,面试的时候,github上有高Star开源项目,绝对是个加分项.同时知识分享也是一种美德.这种双向受益的事,何乐 ...
将本地vue项目上传到github上
将本地vue项目上传到github上首先,打开本地创建好的vue项目文件,右键点击Git bash Here,打开Git命令工具,输入git init 回车运行,生成.git文件. 运行git ad ...
怎样将项目上传到github上
怎样将项目上传到GitHub上面ni? 登录到你的GitHub账号 1.new repository 2.填写下面的信息–>create 3.这一步要用到三个git命令. $ git clone ...
记录git命令：本地创建项目后如何上传到github上
问题描述:在本地Pycharm创建了一个项目,如何将项目传到github上呢?在操作过程中遇到了一系列的问题,详情见下面: 操作过程全纪录: 1.首先登录自己的github账号,创建一个和本地的同名仓 ...
将本地项目通过git 上传到github上教程
必看: 更多教程资源:www.unke.ren 交流群:414757610 要求: 1.你要有github账号没有的话去注册:GitHub 2.电脑下载安装了git 没有安装的去看看安装教程我这里就 ...
我是如何使用git把本地代码上传到github上的，值得借鉴
背景:最近开发了一套招标系统,我是如何用JSP在网络上架构一个网上招标系统,以推进网站无纸化,过程电子化,管理智能化的发展. 使用git进行上传. 首先自己得有git工具及github账号,自己没有的 ...
本地更新github项目_【图文说明】将本地项目上传到github上
一.前提条件安装git,安装大乌龟TortoiseGit,这篇文章使用TortoiseGit上传软件下载通常是最新的,网上教程往往都是过时的,靠谱点还是自己翻译比较好二.实操 1.生成ssh k ...

如何解决上传到github上的图片显示不出来的问题

如何解决上传到github上的图片显示不出来的问题相关推荐

最新文章

热门文章