本文提供的是windows系统解决方法,linux系统和mac系统可以参考原理,修改DNS的ip地址为阿里云或者是修改hosts文件

问题

可能有些朋友和我遇到同样的问题,逛Github的时候会发现,某些开源库的readme文件的图片无法显示,或者是自己头像和别的用户头像也不显示,如下图所示

这种情况,一般是因为DNS无法解析到图片外链地址的ip地址

我以TornadoFx的logo图片为例,它的地址为https://github.com/edvin/tornadofx/raw/master/graphics/tornado-fx-logo.png?raw=true,实际上github上面的图片地址都是githubusercontent.com这个域名,如https://camo.githubusercontent.com/8acab398c6e900d3cb442aeca154c84341558c02c3a8f3027d09b29d3d74e9dd/68747470733a2f2f7472617669732d63692e6f72672f656476696e2f746f726e61646f66782e737667

camo.githubusercontent.com这个就是实际访问的域名

我们ping一下上面的这个域名,会发现ping不通

修改DNS解决(推荐)

测试的时候发现,有些图片可以显示,有些图片无法显示,强迫症忍不了,可以使用改hosts文件方法,改hosts方法在下面


PS:阿里云DNS服务器地址为223.5.5.5 223.6.6.6

下面以win10系统为例,具体步骤如下

1.进入网络设置

2.打开适配器设置

3.选择某个网络

这里选择你当前正在使用的网络,wifi或者是宽带,我这里用的是wifi,双击打开

4.设置DNS

修改hosts文件解决

上面测试的ping命令之所以不通,还是因为国内有限制,我们国内的DNS运营商没上面的那个域名加到DNS映射列表中,所以导致我们访问该域名是找到具体的ip地址

解决方法也很简单,我们可以通过外国的ip地址测试找到该域名具体对应的ip地址,之后手动地加到我们本机的host文件中(相当于DNS映射)

科普一下:本机访问一个域名,先是通过本机的host文件中去找对应的ip地址,如果找不到才会请求DNS服务器去寻找该域名对应的ip地址

找到域名对应的ip地址

访问https://www.ipaddress.com/,之后在页面输入camo.githubusercontent.com,可以看到其对应的ip地址

查看下方,可以发现很多类似的

我们得把上面的地址全部加到hosts文件中且映射为之前的ip地址才行

修改hosts文件

之后,我们把这个ip地址加到host文件中去

host文件路径:C:\Windows\System32\drivers\etc\hosts

199.232.96.133 camo.githubusercontent.com
199.232.96.133 cloud.githubusercontent.com
199.232.96.133 raw.githubusercontent.com
199.232.96.133 gist.githubusercontent.com
199.232.96.133 desktop.githubusercontent.com
199.232.96.133 user-images.githubusercontent.com
199.232.96.133 avatars0.githubusercontent.com
199.232.96.133 avatars1.githubusercontent.com
199.232.96.133 avatars2.githubusercontent.com
199.232.96.133 avatars3.githubusercontent.com
199.232.96.133 avatars4.githubusercontent.com
199.232.96.133 avatars5.githubusercontent.com
199.232.96.133 avatars6.githubusercontent.com
199.232.96.133 avatars7.githubusercontent.com
199.232.96.133 avatars8.githubusercontent.com

PS:上述手动添加,可能会有遗漏,如果你发现访问github上面仍存在无法查看的图片,可以复制该图片的地址,参照上方的内容在hosts文件加上即可

如果之后某天发现图片无法访问了,可以重复此步骤,去ipaddres网站查询新的ip地址,之后再修改hosts文件就可以了

刷新DNS

修改完hosts文件后,我们需要通过cmd命令来刷新DNS,不懂cmd命令可以使用重启大法...

ipconfig /flushdns

结果

现在,我们可以再试着ping一下,发现是成功ping通了

访问github也是可以看到图片了,大功告成!

教你一招,解决Github图片不显示问题(2021.1.20测试可用)的更多相关文章

  1. 解决github图片不显示的问题

    修改hosts C:\Windows\System32\drivers\etc\hosts 在文件末尾添加: # GitHub Start 192.30.253.112 Build software ...

  2. IE-“无法浏览网页” 教你十招解决疑难杂症

    “无法浏览网页” 教你十招解决疑难杂症 相信大家也有遇到过像IE不能上网浏览的问题.下面就来给大家介绍一下常见原因和解决方法: 一.网络设置的问题 这种原因比较多出现在需要手动指定IP.网关.DNS服 ...

  3. 解决 Github 图片加载慢的问题

    一.前言 本文主要介绍一种解决 Github 图片加载慢的方法,亲测有效. 笔者博客是使用 Github 作为图床,每次打开博客时的图片加载很慢或者根本加载不出来.这是因为 GitHub 的 CDN ...

  4. 一招解决GitHub致命的下载速度(GitHub下载速度慢怎么办)

    通过码云来导入github,通过码云下载 第一步: 找一个你需要下载的GitHub项目 第二步: 复制链接 第三步: 打开码云,然后选择从GitHub导入 第四步: 复制刚才的连接,起个名字,点击导入 ...

  5. 教你一招解决浏览器兼容问题(PostCSS的使用)

    我们在处理网页的时候,往往会遇到兼容性的问题.在这个问题上分为两个大的方向:屏幕自适应&浏览器兼容.而屏幕自使用的方法有许多,包括框架之类的,但是浏览器的兼容却没有一个号的框架.在我们日常处理 ...

  6. 通过使用CSS字体阴影效果解决hover图片时显示文字看不清的问题

    1.前言 最近需要加入一个小功能,在鼠标越过图片时,提示其大小和分辨率,而不想用增加属性title来提醒,不够好看.然而发现如果文字是一种颜色,然后总有概率碰到那张图上浮一层的文字会看不到,所以加入文 ...

  7. Atitit.jpg png格式差别以及解决jpg图片不显示的问题

    Atitit.模板引擎原理以及常见模板技术 1. Asp Php jsp smarty模板1 1.1. 模板引擎基本原理1 1.2. 调试模式原理2 2. Attilax总结的模板引擎原理2 3. 支 ...

  8. 解决 Sublime text3 中文显示乱码问题【亲测可用】

    一.安装包管理器 使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,粘贴如下代码   import urllib.request,os; pf = 'Packag ...

  9. Mac Github:第一次上传成功,解决图片不可显示,Initial commit Untracked files

    在上传之前需要先给自己的电脑安装SSH 上传成功用的是github的官方提示,直接复制去做就可以了 解决README.md中图片不可显示:图片路径到底要怎么写? https://blog.csdn.n ...

  10. 解决github pages和github .md文件图片不显示

    博客园上传的图片,在github上无法显示. 在github项目下建立img文件夹,放上图片 两种方式 项目绝对路径 https://raw.githubusercontent.com/用户名/项目名 ...

随机推荐

  1. Typora Mac中文破解版获取

    作为程序员,markdown是非常好用的文本编辑语言,而Typora是非常好用的一款markdown编辑工具.Typora提供读者和作家的无缝体验.它删除了预览窗口,模式切换器,降低源代码的语法符号以 ...

  2. PyTorch下,使用list放置模块,导致计算设备不一的报错

    报错 在复现 Transformer 代码的训练阶段时,发生报错: RuntimeError: Expected all tensors to be on the same device, but f ...

  3. Ubuntu下使用PlatformIO开发STC89/STC12/Arduino

    安装VSCode 从 https://code.visualstudio.com/Download 下载最新的 deb 版, 通过命令行安装 sudo apt install ./code_1.59. ...

  4. idea自定义代码片段live template

    1.介绍 有时在idea编辑器经常会写同一个代码块,那么这个代码块就可以利用live template功能把它定义成可根据关键字触发的代码片段,效果如下图: 2.操作步骤 此处我们就以springbo ...

  5. 解决idea中使用git fetch报远程仓库Authentication failed

    这个问题是项目组同事在从git服务器clone代码后做fetch操作老是报错: Authentication failed, 弹出框提示:invalid user or password 其实问题出i ...

  6. python课本学习-第五章

    一.列表的概念 1.列表的创建 列表是由一组任意类型的值组合而成的序列,组成列表的值称为元素,每个元素之间用逗号隔开. 列表中的元素是可变的 #列表类似于c++中的数组,数组下标从0开始 list1 ...

  7. 代码+案例,实战解析BeautifulSoup4

    本文分享自华为云社区<从HTML到实战:深入解析BeautifulSoup4的爬虫奇妙世界>,作者:柠檬味拥抱. 网络上的信息浩如烟海,而爬虫技术正是帮助我们从中获取有用信息的重要工具.在 ...

  8. win32 - 内存映射(CreateFileMapping)

    目标:创建一个app,使用CreateToolhelp32Snapshot扫描所有的进程,并将进程的pid和exe名字映射到内存中,再在另一个app中使用OpenFileMapping打开该映射读取相 ...

  9. 【LeetCode链表#7】设计一个链表并实现常见的操作方法

    设计链表 题目 力扣题目链接 设计链表的实现.您可以选择使用单链表或双链表.单链表中的节点应该具有两个属性:val 和 next.val 是当前节点的值,next 是指向下一个节点的指针/引用.如果要 ...

  10. 【Azure 应用服务】使用Python Azure SDK 来获取 App Service的访问限制信息(Access Restrictions)

    问题描述 为Azure App Service添加访问限制,需要Python Azure SDK来实现的示例代码. 问题解答 查阅Azure App Service的官方资料,使用Python SDK ...