图片 - CSDN

【最新】解决Github网页上图片显示失败的问题

万次阅读 多人点赞 2019-06-08 17:48:54

好几个星期之前本人就发现自己的github在网页打开显示不了图片的问题了，不过当时没在意。今天强迫症逼迫我一定要搞定它，于是去找了一些方法，自己做个记录，有相同问题的伙伴可以参考一下。一、问题比如随便...

一、问题

比如随便打开一个项目，图片都不能显示了，我头像也没了，真是一个令人伤心的事
在这里插入图片描述
F12打开控制台看一哈

呦，一堆红色×。主要报错是Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID

去查了一下，博主john-zeng这样解释道：

实际上，可以认为，ERR_CERT_COMMON_NAME_INVALID就是用一个错误的域名访问了某个节点的https资源。导致这个错误的原因，基本是：

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

我觉得像是有点道理，解决方法就粗来了，hin简单，往下看。

二、解决方法

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

2.1 找到URL

打开github任意未显示图片的网页，使用元素选择器（Ctrl+Shift+C）放在显示不了的图片上，或者在无法显示的图片上右键-检查元素，定位到该图片的标签，那么你得到了它的URL，叫做src属性。

比如介个在这里插入图片描述
在右面把它的网址复制粗来：

https://avatars2.githubusercontent.com/u/15832957?s=60&v=4

2.2 获取IP地址

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

avatars2.githubusercontent.com
在这里插入图片描述
回车！！！下面你会看到该域名的信息和IP地址：

可以看出IP是：151.101.184.133，并且是2019.05.05最后更新的，alright，那么我们就可以使这个IP和域名映射起来。

（其他如果有挂掉的图片一样使用此方法进行一一映射即可。）

2.3 修改hosts

具体咋映射呢？修改hosts文件！！！本人使用的是windows系统，所以使用Sublime Text打开：C:\Windows\System32\drivers\etc\hosts

在文件末尾添加：
在这里插入图片描述

可以直接选中以下内容复制粘贴，20210119有效（包括MAC系统）20210123更新

# 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

然后保存文件就OK了，至于无法保存，没有修改权限，鼠标右键-属性-安全-修改权限；或将hosts文件复制一份，修改之后，复制到原文件夹替换！

三、最后说几句

还可以使用ipconfig/flush对本地DNS缓存进行一次刷新，如果遇到网络异常，可能是DNS缓存的问题，刷新一下，步骤。

windows开始→运行→输入：CMD 按回车键，打开命令提示符窗口。
再输入： ipconfig /flushdns 回车,执行命令，可以重建本地DNS缓存。

再附上几个命令：

ipconfig /displaydns # 显示dns缓存 

ipconfig /flushdns # 刷新DNS记录 

ipconfig /renew # 重请从DHCP服务器获得IP

PS：另外要注意的一点就是，如果图片再次不能显示，只需要及时更新IP就行啦，这波操作不麻烦，你看我头像回来了！！！
JevenM
JevenM-lixian
哈哈哈，没错，是李现

收起

展开全文

github

HTML5 body设置全屏背景图片如何让body的背景图片自适应整个屏----实战经验

万次阅读 多人点赞 2017-07-20 10:03:36

错误的写法：加到div中结合图片设置min-height，但是页面不会回弹话不多说直接上代码终极方案 html,body{ width:100%; height:100% } 再加一段 body{ font-family: &amp;amp;quot;华文细...

用什么代码实现？不允许有白色底色产生，因为手机高度不一样 
设计图要标准（750）确认是背景图（通屏底图）应用场景：移动端宣传页面或者活动页面 
错误的写法：加到div中结合图片设置min-height，但是页面不会回弹 
终极方案 
html,body{
	width:100%;
	height:100%
}
 
body{
  font-family: "华文细黑";
  background:url("../img/Flyer-bg.png") no-repeat;
  background-size: 100%;
}
 
 
其他方案 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="Layer1" style="position:fixed; left:0px; top:0px; width:100%; height:100%">  
    <img src="https://www.qianbuxian.com/uploads/banners/20171214085954_shouye5.jpg" width="100%" height="100%"/>  
</body>
</html>
 
清除浮动 
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear-fix:after {
    display: table;
    content: '';
    clear: both;
}

收起

展开全文

html5

Python爬虫实战之爬取网站全部图片(一)

万次阅读 多人点赞 2018-09-02 12:28:21

Python爬虫实战之爬取网站全部图片(二) 传送门： https://blog.csdn.net/qq_33958297/article/details/89388556 爬取网址: http://www.meizitu.com/a/more_1.html 爬取地址:...

Python爬虫实战之爬取网站全部图片(二)

Python爬虫实战之通过ajax获得图片地址实现全站图片下载(三)

一.获得图片地址和图片名称

1.进入网址之后

按F12 打开开发人员工具点击elemnts

2.点击下图的小箭头选择主图中的任意一个图片那我们这里点击第一个图片

3.显示控制台为了验证xpath是否正确

4.通过xpath获得a的href 和 title.

(请放大看)我们看到他提示的是有10个我们回到网站中看一下在主页上数一下他确实是10个也就是说我们获得的href 和title是没有任何问题的那么留着为我们后面使用.

5.我们还需要访问这个链接的请求头的信息以备后面操作的时候来使用

这里可以看到没有什么特别的请求头

6.获得每套图里的所有图片.这也是我们的目的所在不然前面那么多工序不是浪费吗。

可以看到我们获得了11个链接地址不要被源码中的文字所迷惑

7.获得相应的请求头

可以发现需要注意的只有一个字段Referer 这里的地址就是我们访问这个页面进来的时候的那个地址只要把那个地址给上就行了

8.对于404的处理如果出现了404那就只有重新请求了

二.编写python代码实现爬取.

1.需要用到的库有:

Requests lxml

2.IDE : pycharm

3.python 版本: 2.7.15

下载地址: https://download.csdn.net/download/qq_33958297/12195656

收起

展开全文

爬虫抓包分析

【Python】解决使用 plt.savefig 保存图片时一片空白

万次阅读 多人点赞 2016-10-24 15:52:08

问题当使用如下代码保存使用plt.savefig 保存生成的图片时，结果打开生成的图片确实一片空白。import matplotlib.pyplot as plt""" 一些画图代码 """plt.show() plt.savefig("filename.png")原因其实产生这个现象的...

更新 
这里我会列出对本文的更新。 
2017 年 9 月 28 日：修正几处错字，优化排版。 
 
问题 
当使用如下代码保存使用 plt.savefig 保存生成的图片时，结果打开生成的图片却是一片空白。 
import matplotlib.pyplot as plt

""" 一些画图代码 """

plt.show()
plt.savefig("filename.png")
 
 
原因 
其实产生这个现象的原因很简单：在 plt.show() 后调用了 plt.savefig() ，在 plt.show() 后实际上已经创建了一个新的空白的图片（坐标轴），这时候你再 plt.savefig() 就会保存这个新生成的空白图片。 
 
解决 
知道了原因，就不难知道解决办法了，解决办法有两种： 
 在 plt.show() 之前调用 plt.savefig()；
 import matplotlib.pyplot as plt

""" 一些画图代码 """

plt.savefig("filename.png")
plt.show()
 
 画图的时候获取当前图像（这一点非常类似于 Matlab 的句柄的概念）：
 # gcf: Get Current Figure
fig = plt.gcf()
plt.show()
fig1.savefig('tessstttyyy.png', dpi=100)
  
 
END

收起

展开全文

python matplotlib

解决 Windows 照片查看器无法显示此图片，因为计算机上的可用内存可能不足
万次阅读 多人点赞 2020-05-12 10:16:34
解决 Windows 照片查看器无法显示此图片，因为计算机上的可用内存可能不足解决 Windows 照片查看器无法显示此图片，因为计算机上的可用内存可能不足问题问题分析解决办法一解决办法二解决 Windows 照片查看器无法...
收起
windows
Python 爬虫系列教程一爬取批量百度图片
万次阅读 多人点赞 2018-07-29 19:40:05
很久之前就学习了Python的...当你需要下载大量图片的时候，或许你会去百度图片里一张张右键下载，但这样未免太麻烦了，有了这个工具，你直接运行下程序，输入你想要下载图片的关键字，然后输入你想要下载图片的数...
收起
爬虫
使用Vue实现图片上传的三种方式
万次阅读 多人点赞 2019-03-06 19:26:48
项目中需要上传图片可谓是经常遇到的需求，本文将介绍 3 种不同的图片上传方式，在这总结分享一下，有什么建议或者意见，请大家踊跃提出来。没有业务场景的功能都是耍流氓，那么我们先来模拟一个需要实现的业务场景...
收起
vue
Android图片加载框架最全解析（一），Glide的基本用法
万次阅读 多人点赞 2017-03-21 08:03:11
本文同步发表于我的微信公众号，扫一扫文章底部的二维码或在微信搜索郭霖即可关注，...现在Android上的图片加载框架非常成熟，从最早的老牌图片加载框架UniversalImageLoader，到后来Google推出的Volley，再到后
收起
android 框架 image glide
Python人工智能之图片识别，Python3一行代码实现图片文字识别
万次阅读 多人点赞 2017-09-20 15:24:57
自学Python3第5天，今天突发奇想，想用Python识别图片里的文字。没想到Python实现图片文字识别这么简单，只需要一行代码就能搞定#作者微信：2501902696 from PIL import Image import pytesseract #上面都是导包，只...
收起
python 人工智能 python人工智能 python入门
图片手势滑动，多点触摸放大缩小程序源码
万次下载 热门讨论 2013-01-07 10:57:21
android 自定义ImageView实现图片手势滑动，多点触摸放大缩小效果（仿腾讯，新浪），这里面实现多少会有不足之处，大家在运用的时候根据需求自行调整，大多都是多数图片左右切换实现，这个大家可以自定义ViewGroup...
收起
Python Pillow (PIL) Image.save 保存为jpg图片压缩问题
万次阅读 多人点赞 2018-10-23 16:41:49
在使用Pillow中的Image.save()方法，使用默认参数保存jpg图片的过程中发现图片被压缩的很严重，导致原来很大的大小变成几十K。这是因为在保存为jpg的过程中，内部使用压缩算法对图片进行的压缩处理。但是有些时候...
收起
PIL Pillow JPG python
C++读取图片
万次阅读 多人点赞 2018-11-20 00:12:36
C++读取图片以C++风格（文件流）而不是C风格（FILE）读取图片。使用到的头文件主要是fstream 参考链接： http://www.cplusplus.com/reference/istream/istream/read/ 主要用到的函数： ifstream.seekg() ...
收起
文件流 fstream
Python爬虫实战之爬取网站全部图片(二)
万次阅读 多人点赞 2019-04-18 21:30:04
通过python 来爬取网站内所有的图片到本地第三篇是动态获取参数构造图片地址实现下载图片传送门：https://blog.csdn.net/qq_33958297/article/details/82316019 这篇文章的目的是因为上一个文章里的地址已经...
收起
爬虫抓包分析
Word文档中插入的图片显示不全、嵌入式图片显示不全解决方法，仅设置图片为单倍行距方法
万次阅读 多人点赞 2019-03-14 10:01:25
word文档中插入的图片显示不全、嵌入式图片显示不全解决方法，仅设置图片为单倍行距方法。最近突然发现 word 里插入的嵌入式图片只显示底下一部分，其它类型的图片又不能排版整齐，后来终于发现了原因。因为我设置...
收起
将彩色图片转换为灰度图片
千次下载 热门讨论 2015-06-11 19:46:35
将彩色图片转换为灰度图片
收起
Python将两张图片按横向或纵向拼接成一张图片
万次阅读 热门讨论 2021-05-14 12:34:16
两张图片无缝拼接。代码主要应用PIL库中的Image类，new方法创建image对象，再用paste方法拼接图片。代码如下： from PIL import Image def pic_joint(path1, path2, flag='horizontal'): """ :param path1:...
收起
python opencv 计算机视觉图像处理经验分享
性能优化: 前端图片的相关内容 -- 概述(讲解前端各种图片格式以及不同格式的图片对性能的影响)
万次阅读 2021-06-06 01:03:13
好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。 1. 图片的相关优化 – 概述 1. jpg 图片的解析过程 2. png8/png24/png32 之间的区别 3. 不同图片格式常用的...
收起
前端前端性能优化
纯 CSS 实现图片轮播
万次阅读 多人点赞 2018-05-27 13:07:32
在图片容器外再加一个展示容器，展示容器大小为图片大小给图片容器添加自定义动画，在动画不同阶段设置递增的偏移值注意事项动画效果分为切换和停留两部分自定义动画阶段与图片数量相关动画各阶段偏移值与...
收起
animation keyframes CSS技巧
js前端实现多图图片上传预览的两个方法
万次阅读 多人点赞 2016-06-20 15:36:16
一、将图片转成icon码的实现方式 html代码： ;float: left;" id="st18" name="evidence" onchange="previewImage(this,5)" type="file"/>
收起
html javascript 前端
Android自定义圆形图片
千次下载 热门讨论 2013-12-17 17:09:31
Android自定义圆形图片，可设置最多两个的外边框。包括从网络获取图片显示。解决图片锯齿问题。解决图片变形问题。文章地址：http://blog.csdn.net/alan_biao/article/details/17379925
收起
Python爬取百度图片
万次阅读 多人点赞 2017-06-16 08:59:18
新人上路, 老司机们请多多关照, 写的不好的地方, 还请多指教. ...输入想要抓取的图片的关键字, 如”苍老师”, 然后输出百度图片搜索苍老师的所有图片采用翻页模式进行爬取 1. 分析网页结
收起
python 爬虫
java web将图片存到储数据库和从数据库中读取图片(base64)
万次阅读 多人点赞 2018-06-04 15:56:21
我使用SpringBoot复原了一下源码，需要的可以去我的GitHub上下载 ... 从前台页面获取图片，后台接收图片文件转化成数据，然后存储到数据库，然后反向输出到jsp页面二、分析一下数据转换和数据流通...
收起
ssm mysql
MarkDown添加图片的三种方式
万次阅读 多人点赞 2018-02-04 23:35:58
Markdown插图片有三种方法各种Markdown编辑器的插图方式也都包含在这三种方法之内插入本地图片插入网络图片把图片存入markdown文件图片转化为base64字符串 base64字符串转化为图片效果演示 Markdown插...
收起
【教程】如何批量图片文字识别软件，批量图片文字识别OCR软件系统，批量图片压缩，PDF批量转文字转图片
万次阅读 多人点赞 2019-07-31 14:16:51
软件不需要安装，直接双击打开就可以用，废话不多说直接上图好了，方便说明问题 ...PDF文件文字识别怎么弄，现将PDF拆成图片，做了个功能批量PDF拆成图片后批量导入图片再识别开发语言C#、基...
收起
PDF转图
Android裁剪图片为圆形图片Demo
千次下载 热门讨论 2013-11-16 19:21:02
Android裁剪图片为圆形图片Demo
收起
SpringBoot使用@ResponseBody返回图片
万次阅读 2019-04-15 17:18:45
以前使用HttpServletResponse可以通过输出流的方式来向前台输出图片。现在大部分都是使用springboot，在使用springboot之后，我们应该如何来修改代码呢？ Spring Boot项目搭建配置略过，可直接从官网简历一个demo ...
收起
【SpringBoot学习】5、SpringBoot 实现文件上传，图片上传并显示功能
万次阅读 多人点赞 2019-09-03 23:04:20
下面的案例是 springboot2.x 图片上传与回显。我使用的工具是idea。 1、创建idea默认的springboot项目，我的版本是2.0.3 2、创建一个控制层FileController package com.rainy.controller; import org.apache....
收起
springboot 文件上传
js实现图片懒加载原理
万次阅读 多人点赞 2019-05-24 17:21:47
有时候一个网页会包含很多的图片，例如淘宝京东这些购物网站，商品图片多只之又多，页面图片多，加载的图片就多。服务器压力就会很大。不仅影响渲染速度还会浪费带宽。比如一个1M大小的图片，并发情况下，达到1000...
收起
懒加载 js
tensorflow（六）训练分类自己的图片（CNN超详细入门版）
万次阅读 多人点赞 2018-01-21 13:47:09
之前一直用caffe做图像方面的...但是mnist中都是处理好的数据，具体的数据处理过程又没有讲，如果想要处理自己的图片数据，便有些无从下手，直接看源码的话又比较枯燥晦涩。这里是一份从图片的预处理到最终测试一...
收起
tensorflow 深度学习卷积神经网络
Jupyter Notebook显示图片（显示静态图片、显示动态图片、显示本地图片）
万次阅读 2019-08-23 17:50:09
本篇博客记录如何使用 Jupyter Notebook 显示图片，第一种情况为使用 python 绘图时，网页中如何显示静态图片和动态图片；第二种情况为使用 Jupyter Notebook 做笔记时，在网页中调用本地的图片进行展示。 1. 显示...
收起

【最新】解决Github网页上图片显示失败的问题

目录

一、问题

二、解决方法

2.1 找到URL

2.2 获取IP地址

2.3 修改hosts

三、最后说几句

HTML5 body设置全屏背景图片 如何让body的背景图片自适应整个屏----实战经验

终极方案

其他方案

清除浮动

Python爬虫实战之爬取网站全部图片(一)

一.获得图片地址 和 图片名称

2.点击下图的小箭头 选择主图中的任意一个图片 那我们这里点击第一个 图片

3.显示控制台 为了验证xpath是否正确

4.通过xpath获得a的href 和 title.

5.我们还需要访问这个链接的请求头的信息 以备后面操作的时候来使用

6.获得每套图里的 所有图片.这也是我们的目的所在 不然前面那么多工序不是浪费吗。

7.获得相应的请求头

8.对于404的处理 如果出现了404那就只有重新请求了

二.编写python代码实现爬取.

1.需要用到的库有:

2.IDE : pycharm

3.python 版本: 2.7.15

【Python】解决使用 plt.savefig 保存图片时一片空白

更新

问题

原因

解决

END

解决 Windows 照片查看器无法显示此图片，因为计算机上的可用内存可能不足

Python 爬虫系列教程一爬取批量百度图片

使用Vue实现图片上传的三种方式

Android图片加载框架最全解析（一），Glide的基本用法

Python人工智能之图片识别，Python3一行代码实现图片文字识别

图片手势滑动，多点触摸放大缩小 程序源码

Python Pillow (PIL) Image.save 保存为jpg图片压缩问题

C++读取图片

Python爬虫实战之爬取网站全部图片(二)

Word文档中插入的图片显示不全、嵌入式图片显示不全解决方法，仅设置图片为单倍行距方法

将彩色图片转换为灰度图片

Python将两张图片按横向或纵向拼接成一张图片

性能优化: 前端图片的相关内容 -- 概述(讲解前端各种图片格式以及不同格式的图片对性能的影响)

纯 CSS 实现图片轮播

js前端实现多图图片上传预览的两个方法

Android自定义圆形图片

Python爬取百度图片

java web将图片存到储数据库和从数据库中读取图片(base64)

MarkDown添加图片的三种方式

【教程】如何批量图片文字识别软件，批量图片文字识别OCR软件系统，批量图片压缩，PDF批量转文字转图片

Android裁剪图片为圆形图片Demo

SpringBoot使用@ResponseBody返回图片

【SpringBoot学习】5、SpringBoot 实现文件上传，图片上传并显示功能

js实现图片懒加载原理

tensorflow（六）训练分类自己的图片（CNN超详细入门版）

Jupyter Notebook显示图片（显示静态图片、显示动态图片、显示本地图片）

图片

HTML5 body设置全屏背景图片如何让body的背景图片自适应整个屏----实战经验

一.获得图片地址和图片名称

2.点击下图的小箭头选择主图中的任意一个图片那我们这里点击第一个图片

3.显示控制台为了验证xpath是否正确

5.我们还需要访问这个链接的请求头的信息以备后面操作的时候来使用

6.获得每套图里的所有图片.这也是我们的目的所在不然前面那么多工序不是浪费吗。

8.对于404的处理如果出现了404那就只有重新请求了

图片手势滑动，多点触摸放大缩小程序源码