解决博文图片不显示的问题

目录

  • 问题
  • 问题根源
  • 解决步骤
    • 找到URL
    • 获取IP地址
    • 修改hosts

问题

最近写博文的时候发现图片都不显示了:

博文用到的图片一直是用github做图床,果然github里的图片也不显示了:

报错:Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID
这样很影响博文内容的理解啊,在网上搜了一下找到解决方案,记录一下。
以下解放方法参照博主Antrn的这篇博文:【最新】解决github图片不显示的问题

问题根源

博主john-zeng这样解释道:

实际上,可以认为,ERR_CERT_COMMON_NAME_INVALID就是用一个错误的域名访问了某个节点的https资源。导致这个错误的原因,基本是:
??① dns污染
??② host设置错误
??③ 官方更新了dns,但是dns缓存没有被更新,导致错误解析。

解决步骤

主要思路就是使用本地hosts文件对网站进行域名解析,一般的DNS问题都可以通过修改hosts文件来解决,github的CDN域名被污染问题也不例外,同样可以通过修改hosts文件解决,将域名解析直接指向IP地址来绕过DNS的解析,以此解决污染问题。

找到URL

打开github任意带有挂掉图片的网页,使用元素选择器(Ctrl+Shift+C)放在显示不了的图片上,或者在挂掉的图片上右键-检查元素,定位到该图片的标签,那么你得到了它的URL,叫做src属性。
比如:

或者直接在Console栏右键保存出错日志:

打开日志可得到图片链接:

复制该链接:
https://raw.githubusercontent.com/Amyoyoyo/media/master/blog/dp01backpack.gif

获取IP地址

得到上述网址以后打开IPAddress.com这个网站,在搜索框输入它的域名,就是https://到com那一部分,俗称二级域名:
raw.githubusercontent.com

回车,得到该域名的信息和IP地址:

可以看出IP是:199.232.4.133,并且是2019.10.18最后更新的,那么我们就可以使这个IP和域名映射起来。
(其他如果有其他不能显示的图片一样使用此方法进行一一映射即可。)

修改hosts

具体怎么映射呢?修改hosts文件!!!若使用的是windows系统,以管理员权限打开hosts文件:
C:\Windows\System32\drivers\etc\hosts
在文件末尾添加:

# GitHub Start
192.30.253.112    github.com
199.232.4.133    raw.githubusercontent.com
# GitHub End

PS:另外要注意的一点就是,如果图片再次挂掉,只需要及时更新IP就行啦

原文地址:https://www.cnblogs.com/weixia14/p/11770533.html

时间: 2024-11-08 02:36:25

解决博文图片不显示的问题的相关文章

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

1.前言 最近需要加入一个小功能,在鼠标越过图片时,提示其大小和分辨率,而不想用增加属性title来提醒,不够好看.然而发现如果文字是一种颜色,然后总有概率碰到那张图上浮一层的文字会看不到,所以加入文字字体阴影效果来解决此问题. 2.例子说明 未加入字体阴影之前的效果 加入字体阴影的效果 如果没加入字体阴影的效果,左图会看不清哪些文字的,而右图没有多大区别. 3.相关代码 <div> <img alt="imageSample" style="width:1

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

图片在pc上可以显示,在Android上不能,img以及背景都不能显示.. Psd文件不能保存为png格式,只能jpg 原来是jpg文件是cmyk格式的.To rbg then nonk 作者::  ★(attilax)>>>   绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ) 汉字名:艾龙,  EMAIL:[email protected] 转载请注明来源: http://www.cnblogs.com/attil

解决github图片不显示的问题

修改hosts C:\Windows\System32\drivers\etc\hosts 在文件末尾添加: # GitHub Start 192.30.253.112 Build software better, together 192.30.253.119 gist.github.com 151.101.184.133 assets-cdn.github.com 151.101.184.133 raw.githubusercontent.com 151.101.184.133 gist.g

采集百度搜寻结果,图片不显示的解决方法

1.根据关键字采集百度搜寻结果 根据关键字采集百度搜寻结果,可以使用curl实现,代码如下: <?php function doCurl($url, $data=array(), $header=array(), $timeout=30){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_HTTPHEADER, $header); curl_setopt($ch, CURLOPT_R

解决linux系统下python中的matplotlib模块内的pyplot输出图片不能显示中文的问题

问题: 我在ubuntu14.04下用python中的matplotlib模块内的pyplot输出图片不能显示中文,怎么解决呢? 解决: 1.指定默认编码为UTF-8: 在python代码开头加入如下代码 import sys reload(sys) sys.setdefaultencoding('utf-8') 2.确认你ubuntu系统环境下拥有的中文字体文件: 在终端运行命令"fc-list :lang=zh",得到自己系统的中文字体 命令输出如下: /usr/share/fon

ecshop验证码图片无法显示终极解决办法

ecshop验证码图片无法显示终极解决办法 ECSHOP教程/ ecshop教程网(www.ecshop119.com) 2014-06-06 客户在安装好ecshop之后所有前台的证码不显示,后台可以显示,ECSHOP开发中心总结了解决办法分享给各位朋友. 可以在后台有,前台不显示 打开includes/init.php文件,将如下这段代码屏蔽即可. /* 判断是否支持 Gzip 模式 */if (!defined(‘INIT_NO_SMARTY’) && gzip_enabled())

IE中图片不显示火狐中可以显示解决方法

我的背景图片是png格式的,在IE中不显示但是在火狐和chrom中显示正常,以下是代码: body{ background: url(image/bj.jpg) no-repeat scroll 0px 0px; } 更改图片类型为jpg格式就可以了 IE中图片不显示火狐中可以显示解决方法

PHP网站验证码图片不显示解决方法

找到php.ini配置文件之后,双击打开,hp_gd2.dll,找到如下图1-2所示.查看extension=php_gd2.dll前面是否有;号,如果有的话,去除,保存.编者注:如果php.ini是在系统目录下的话,保存之后重起电脑才生效,如果是系统变量里直接指定的话,重起IIS服务器或者重起apache服务器即可生效(不用重起服务器电脑). 如果找不到php.ini文件,在别的电脑拷贝一个即可. PHP网站验证码图片不显示解决方法

Eclipse下导出java程序可执行的jar包图片无法显示问题的一种解决方法

说明:在eclipse中运行java程序的时候一切正常,可是当把jar包导出的时候却发现图片没法显示,这估计是java程序的各种配置和路径问题所导致,后来找到一种解决方法,供遇到这方面问题的学习java程序的鞋同参考: Java项目下的目录结构如下: 其中class类放在包:package accpedu; (即实际是在如上bin/accpedu文件夹下面) 通过下面的方法来引用图片时,在eclipse里面执行是可以正常显示图片的: ImageIcon image1 = new ImageIco