最近莫名其妙的发现之前的图片都丢失了,因为wordpress会把图片存储在\wp-content\uploads文件夹下,我在迁移wordpress的时候把文件夹下的图片都丢了,好在之前用了七牛的云存储,把图片全缓存在七牛上了。

七牛只有在访问该图片资源时才会自动缓存,由于之前我的文章都没有做缩略图,所以默认150*150格式的缩略图都没有缓存在七牛上。现在开启文章缩略图功能后,缩略图的链接是这样的:

http://shirlman.qiniudn.com/wp-content/uploads/2014/09/overview_pic-150*150.png

原图链接为:http://shirlman.qiniudn.com/wp-content/uploads/2014/09/overview_pic.png

由于七牛没有缓存这张图片,当浏览器请求图片时,去七牛上发现没有,然后再去我博客上找发现也没有,于是就显示不出来了。

原因已经知道了,下面介绍下七牛的图片处理功能,去数据处理添加一个图片样式,如下图所示,将宽高设置为150*150,这里我将样式名命名为thumbnail,保存样式后,就可以以这种方式来访问你的缩略图了:http://shirlman.qiniudn.com/wp-content/uploads/2014/09/overview_pic.png/thumbnail

qiniu_dataprocess

qiniuthumbnail

关键的一步来了,我们只要把原来的缩略图链接

http://shirlman.qiniudn.com/wp-content/uploads/2014/09/overview_pic-150*150.png

替换为

http://shirlman.qiniudn.com/wp-content/uploads/2014/09/overview_pic.png/thumbnail

解决方案:我用的Island的主题,以这个主题为例,找到\wp-content\themes\Island\qiniu.php里的rewrite(&$content)方法,修改如下:

这样就大功告成了!