目录
一、问题
二、解决方法
2.1 找到URL
2.2 获取IP地址
2.3 修改hosts
三、最后说几句


好几个星期之前本人就发现自己的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就行啦，这波操作不麻烦，你看我头像回来了！！！





哈哈哈，没错，是李现

更新
这里我会列出对本文的更新。
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爬虫实战之爬取网站全部图片(二)

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

 

最近需要用latex插入多张图片，达到这么一个效果。



但是我原来只插入过一张图片（图片内容来源于网络；是国漫一人之下的宝儿姐。强推这部国漫~），代码如下，效果如图：

\begin{figure}
\centering
\includegraphics[height=4.5cm,width=9.5cm]{111.eps}
\caption{pic1}
\label{2}
\end{figure}

 



 

 

所以我去网上搜索了一些资料，找到了一些关于在latex中插入多个图片的方法，首先我们来看第一种方法，也是我一开始用的方法：利用latex的subfigure排版，并排放置多张图。（使用宏包\usepackage{graphicx}以及\usepackage{subfigure} 谢谢@那些空洞的日子指出拼写错误）

源码如下，达到效果如下：

\begin{figure}[htbp]
\centering
\subfigure[pic1.]{
\begin{minipage}[t]{0.25\linewidth}
\centering
\includegraphics[width=1in]{111.eps}
%\caption{fig1}
\end{minipage}%
}%
\subfigure[pic2.]{
\begin{minipage}[t]{0.25\linewidth}
\centering
\includegraphics[width=1in]{111.eps}
%\caption{fig2}
\end{minipage}%
}%
\subfigure[pic3.]{
\begin{minipage}[t]{0.25\linewidth}
\centering
\includegraphics[width=1in]{111.eps}
%\caption{fig2}
\end{minipage}
}%
\subfigure[pic4.]{
\begin{minipage}[t]{0.25\linewidth}
\centering
\includegraphics[width=1in]{111.eps}
%\caption{fig2}
\end{minipage}
}%
\centering
\caption{ pics}
\end{figure}




其中0.25\linewidth是你插入图片的幅度（我理解为这副图的宽占1/4行，你下张图并排插入的话需要从1/4行处往后开始插），相当于0.25倍的当前latex中规定的一行的长度（感谢@heathrine指正），width=1in是指图片的宽度。它可以在一个大图的框架里面插入多个小图，自动编号为a,b,c,d....并对小图分别描述。

 



 

 

但是这个效果还不是我想要的。于是我就想用一个subfigure里面包裹两个pic看看效果

结果并没有达到我想要的效果。



这样的话就只是将其分成两个部分，只能对对应的两个部分进行描述，而不能对四张图每张都进行描述了。

 

然后我在latex代码中每隔两个subfigure打一个回车键，奇妙的事情就发生了！

\begin{figure}[htbp]
\centering

\subfigure[pic1.]{
\begin{minipage}[t]{0.25\linewidth}
\centering
\includegraphics[width=1in]{111.eps}
%\caption{fig1}
\end{minipage}%
}%
\subfigure[pic2.]{
\begin{minipage}[t]{0.25\linewidth}
\centering
\includegraphics[width=1in]{111.eps}
%\caption{fig2}
\end{minipage}%
}%
                 %这个回车键很重要 \quad也可以
\subfigure[pic3.]{
\begin{minipage}[t]{0.25\linewidth}
\centering
\includegraphics[width=1in]{111.eps}
%\caption{fig2}
\end{minipage}
}%
\subfigure[pic4.]{
\begin{minipage}[t]{0.25\linewidth}
\centering
\includegraphics[width=1in]{111.eps}
%\caption{fig2}
\end{minipage}
}%

\centering
\caption{ pics}
\end{figure}

然后效果图如下：



这样就达到了我的效果，既能将图片分成四个小图片，也能对四个小图片分别进行描述。

为什么打回车就能隔开了呢？因为文档(下面那个链接)里面说：One such is the spacing between figures. By default, the methods described below leave little or no space between two sub-figures. Therefore, horizontal space needs to be added manually (if required) using, e.g., the standard lengths \quad and \qquad or the \hspace command.

如果不用上述方式，用下面这种也能达到对应的效果。（PS：这种方式看起来简洁一些）

\begin{figure}[htbp]
\centering
\subfigure[pic1.]{
\includegraphics[width=5.5cm]{111.eps}
%\caption{fig1}
}
\quad
\subfigure[pic2.]{
\includegraphics[width=5.5cm]{111.eps}
}
\quad
\subfigure[pic3.]{
\includegraphics[width=5.5cm]{111.eps}
}
\quad
\subfigure[pic4.]{
\includegraphics[width=5.5cm]{111.eps}
}
\caption{ pics}
\end{figure}


 



 

下面是一篇关于latex插入图片的文章，贴出来大家看一下：点击打开链接

另外，还有这么一种方法，大家也可以试一试：

\begin{figure}[htbp]
\centering
\subfigure[1]{
\begin{minipage}{4.5cm}
\centering
\includegraphics[width=6cm]{4a.eps}
\caption{World Map}
\end{minipage}%
}%
\subfigure[2]{
\begin{minipage}{7cm}
\centering
\includegraphics[width=6cm]{4b.eps}
\caption{Concrete and Constructions}
\end{minipage}
}
\subfigure[1]{
\begin{minipage}{4.5cm}
\centering
\includegraphics[width=6cm]{4a.eps}
\caption{World Map}
\end{minipage}%
}%
\subfigure[2]{
\begin{minipage}{7cm}
\centering
\includegraphics[width=6cm]{4b.eps}
\caption{Concrete and Constructions}
\end{minipage}
}
\caption{side by side figure}
\end{figure}


如不能正常并排排列，可以尝试改一下width参数。

 

----------------------2020-03-05更新------------------

来自评论区的小伙伴@不染。的回复：po主的代码很有用，解决了我的问题，不过现在通行的主要是subfig宏包代替subfigure，而且使用subfig宏包注意把po主代码中的\subfigure改成\subfloat.

大家也可以试试这种方法哈，感谢不染。

----------------------2020-03-16更新------------------

给自己打个广告，哈哈哈。

生活中也不只是工作呀，如果感兴趣的话可以关注我的个人公众号，里面包括：美食、游记等原创内容。



有什么问题欢迎在评论区交流，希望能够帮到大家~