老薛主机

七牛镜像存储 WordPress 插件:一键实现 WordPress 博客静态文件 CDN 加速

七牛云存储是由七牛提供的在线存储服务,通过云端接口向企业客户提供网上无限存储空间,和传统的云存储服务(如 Amazon S3)不同,七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性。

七牛云存储支持绑定域名(需要备案域名),全网 CDN 加速(多数据中心+多加速节点,上传下载均加速)、持续在线,可以无限扩展、用户只需按需付费,无硬件投资,并且还有免费套餐的,每个月 10G 流量,总空间 10GB。

七牛镜像存储 WordPress 插件

除了云存储以外,七牛还支持镜像存储,镜像存储是指你网站的数据在存储在自己服务器上的情况下,额外使用七牛云存储作为镜像服务器,让网站的用户每次访问的时候都从七牛云存储上读取。如果七牛云存储上没有用户需要读取的数据,则七牛的服务器会从源站拉取资源,然后再返回给网站的用户。

对于很多 WordPress 站点来说,有了这个功能,就无需将原来的图片上传到七牛的服务器上,只需在 WordPress 站点做些简单的修改,就可以使用七牛的 CDN 服务了,真正显示一键实现 WordPress 博客静态文件 CDN 加速。所以我基于七牛镜像存储这个特性制作了七牛镜像存储 WordPress 插件

七牛镜像存储 WordPress 插件

这个插件主要包含以下功能:

  • 一键将 WordPress 的静态资源镜像到七牛
  • 支持将远程图片也保存并镜像到七牛
  • 使用七牛数据处理功能给图片设置水印
  • 在 WordPress 后台直接更新数据
  • 支持设置分类,标签缩略图,日志缩略图获取更完善
  • 还提供一批带缩略图的相关日志,最新日志,最热日志的日志列表

插件安装简单说分成两个过程:

  1. 在七牛设置镜像存储
  2. 下载插件在 WordPress 后台设置

详细安装和使用请直接下载七牛镜像存储 WordPress 插件使用指南这份PDF文档回家慢慢看,一定要看,不然你会设置错误的。

使用七牛缩略图功能

我们知道七牛有很强大的缩略图功能我爱水煮鱼首页和分类页的缩略图就是使用七牛的缩略图功能实现的。

虽然 WordPress 也有缩略图功能,但是相比之下,七牛强太多了,并且生成的缩略图都是尺寸适应的,并且都是在七牛云存储上面。

日志缩略图

所以我在七牛镜像云存储插件中也新增了 wpjam_post_thumbnail 函数帮你通过使用七牛的缩略图 API 直接生成缩略图,下面是使用方法:


<?php  if(wpjam_has_post_thumbnail()){?>
<div class="entry-thumb">
	<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php wpjam_post_thumbnail(array(150,150),$crop=1);?></a>
</div>
<?php } ?>

这个函数有两个参数:

  • $size:设置缩略图的大小,它是一个数组,比如上面例子中就是设置缩略图大小为:宽是 150px,高也是 150px。
  • $crop:设置是否裁剪缩略图,1为裁剪,如果为0,则只是按照最大边进行缩放,不进行裁剪。

另外这个函数相比 WordPress 默认的 the_post_thumbnail 函数相比还有一个强大的地方是,如果没有设置缩略图,它将自动获取第一张图片作为缩略图。

至于上面代码放到什么地方,我只能说你主题原来the_post_thumbnail()函数是在放到哪里,这个函数就放到哪里。 :-)

日志列表缩略图

相关日志:


wpjam_related_posts($number=5, $args);

在需要显示相关日志的地方插入以上模板函数,其中:

  • $number:相关日志显示数量。
  • $arg:相关日志显示的参数。

$arg 参数默认为:


array(
'class'=>'', 					//外层ul的class。
'thumb' => true, 				//是否带缩略图,默认带
'size' => 'thumbnail',			//缩略图大小
'crop'=> true, 					//缩略图是否裁剪
'thumb_class'=>'wp-post-image',	//缩略图的class
'number_per_row'=>5				//如果设置为缩略图为横排,每行个数
);

最新日志:


wpjam_new_posts($number=5, $post_type="post", $args= array());
  • $number:最新日志显示数量。
  • $post_type:最新日志类型。
  • $arg:最新日志显示的参数,默认和相关日志$arg参数一样。

最热日志:


wpjam_top_viewd_posts($number=5, $days=0, $args= array());
  • $number:最热日志显示数量。
  • $days:从最新多少天内获取最热日志,默认0为所有。
  • $arg:最新日志显示的参数,默认和相关日志$arg参数一样。

开始使用七牛云存储和优惠码

相比其他云存储服务,七牛还有一个很大的优势,就是七牛是有免费套餐的,每个月 10G 流量,总空间 10GB,点击这里申请七牛账户,体验下使用七牛加速之后的博客速度。 :-)

如果你的流量比较大的话,我这里还有一个9折优惠码:d706b222,在充值界面使用,立刻优惠,详细你可以查看这里了解怎么使用七牛云存储的优惠码

使用上有什么问题,请加QQ群:24703563

下载:

阅读了这篇文章的用户:

  • GTDer
  • 钱玉刚
  • 龙腾电子商务
  • 心音乐
  • 江湖「柠檬.
  • DecKen_H
  • denishua
  • myseil
  • chonghua
  • 世间人网
  • 心灵黑客
  • 小凉
  • 动感天地
  • noenyin
  • 丝闻
  • BluesK Chen
  • 天影
  • NBA地带
  • yufeng
  • Bruno
  • imcby
  • 天空铃音
  • kench_tt
  • Ambiel
  • Yukofi
  • 三颗痣
  • BB霜排行榜
  • 程问
  • 赖晅.app
  • sansan
  • 呆萌未遂
  • helloworld
  • Hunter
  • 矢左00
  • 逆风行空
  • Zhang
  • 40137.com
  • 穷人也疯狂
  • 2025
  • 小小生活网
  • 小咪移动电源
  • 心跳_不止
  • ckck
  • Small-super
  • 美玩网
  • 24K纯帅_hj
  • 妞妞
  • voidmorn
  • 机智的阿卡林酱
  • 此用户是admin
  1. 后台的那个按扭,清理的是CDN的缓存,不是七牛的缓存,所以,你怎么清理,会发现,你网站还是那个样子,没什么改变

  2. 2. 镜像存储(源站加速),输入源站的地址,点击确定:
    这个在网站上哪里呢?
    没找到哦
    是不是要绑定自定义域名才行?

  3. . 镜像存储(源站加速),输入源站的地址,点击确定:
    这个在网站上哪里呢?
    没找到哦
    是不是要绑定自定义域名才行?

  4. 虽然我不懂php,但这个插件的css、js文件替换为七牛的那个功能貌似是将<?php bloginfo(‘template_directory’);?>所指代的url换成七牛的,如此一来只要只要主题中包含这个函数的地址的文件(包括php文件)表示都会被替换,因此像timthumb.php失效了,除非改成静态的相对路径。不得不说,这是一个bug。

  5. 在super cache那设置了 cdn是不是就不需要用这个插件了?另外,我的博客镜像到七牛后本地修改了 css 如何同步到七牛呢?我在七牛后台删除了style.css文件后还是不管用。

  6. Warning: call_user_func() [function.call-user-func]: First argument is expected to be a valid callback in /home/kdcjtw/domains/imboya.com/public_html/wp-admin/includes/template.php on line 1102

  7. 现在创建Bucket时,可设置为公有或私有。默认的Bucket的属性为私有。公有的Bucket,可通过文件对象的URL直接访问。如果要使用七牛云存储的镜像存储功能,请设置Bucket的属性为公有。

  8. 你好,我用了你的这个插件,但是现在我后台的媒体库里面的图片全看不到了。后台上传图片也传不上去。这个怎么解决啊?谢谢了!

  9. 请教个问题。我的主题js 和css 是通过 load-style load-script.php 这个页面进行加载的貌似是gzip压缩 我不太懂 所以使用后 并没有替换 可以告诉我怎么改吗?能否直接改成 theme/xx.js 或者 xxxx.css 这样能替换 会影响速度吗?第二:主题也使用了timthumb.php 但是可以实现图片的替换 也无差号 这个还比较好。只是想知道本地的图片被替换后 如果删除了会有影响吗?

  10. 请问下个版本能够增加一个批量删除的功能吗?比如一下子删除所有CSS文件或者JS文件之类,这样对于特定文件名的更新会效率非常高.

  11. 更新0.4后后台的图标地址有错误?就是“设置”下面“七牛镜像存储”这个前面的图标 路径出错 是 /wp-content/plugins/wpjam-qiniutek/qiniutek-ico.png /wpjam-qiniutek没有这个目录 只有/wpjam-qiniu 我是后台升级的

  12. 请教下denishua,文章中的/go/qiniu跳转链接是gocodes插件吗,这个插件好像超过两年多没更新了,还能支持最新版wp不,若不是请帮忙推荐个比较给力的,谢谢!

  13. 正常运行插件,看源码也已经使用七牛了。但是当我在后台点击”所有文章“,右边多了一栏”缩略图“,里面有的缩略图显示不正确,看图片地址是类似/thumb/47.png?imageView/1/w/100/h/80这样,这是什么原因呢?

  14. 新浪sae 可以支持吗?安装有条错误哦,想用他的缩略图功能。Warning: call_user_func() expects parameter 1 to be a valid callback, function ” not found or invalid function name in wp-admin/includes/template.php on line 1119

  15. 鱼哥,开启你的插件后,网站的图片显示不了了,可以问下是什么原因吗?我的网站是www.yingxiaozy.com,可以帮忙看看吗?谢谢!

  16. 使用这个插件之后,分享的图片都成XX了。分享之后的图片链接还是原来的。而不是七牛的图片链接地址了?有办法解决吗?谢谢~

  17. 怎么又禁止有允许?User-agent: * 开始配置 所有引擎 有效 Disallow: / 禁止所有引擎抓取网站任何部分 有效 User-agent: Googlebot-Image 开始配置 [Googlebot-Image] 有效 Allow: / 允许googlebot-image抓取网站任何部分 有效 User-agent: Baiduspider-image 开始配置 [Baiduspider-image] 有效 Allow: / 允许baiduspider-image抓取网站任何部分

  18. 有个问题想请教下,博主的七牛是镜像你的美国pic服务器,blog.wpjam.com程序是放在香港服务器上,你发文章的流程是::::在wp新建文章,上传图片,该图片自动上传至”七牛”,生成七牛的图片链接在文章中,然后发布文章,第一次打开文章,七牛显示云服务器的图片,(七牛)并发现美国服务器中无该图片,便自动回传同步你的美服,然后美国与七牛的服务器就都有图片,香港服务器没有,是这样吗?thx

  19. 还有一个问题,我的css后面加了v=20131109这样的东西,你的也一样。现在问题来了:我发现,我手动更新了css后,必须把v=20131109给去掉才能看到更新。

  20. 我网站首页的缩略图不是七牛的地址(下面是functions.php文件的缩略图调用方式请问怎么修改)我的网站www.ymjihe.com//输出缩略图地址function post_thumbnail_img($width,$height) { global $post; $title = $post->post_title; // 判断该文章是否设置的缩略图,如果有则直接显示 if ( has_post_thumbnail() ) { $timthumb_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID) , ‘full’); $post_timthumb = ‘‘; echo $post_timthumb; } else { //如果文章没有设置缩略图,则查找文章内是否包含图片 $content = $post->post_content; preg_match_all(‘//sim’, $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult ); if($n > 0){ // 如果文章内包含有图片,就用第一张图片做为缩略图 echo ‘‘; }else { // 如果文章内没有图片,则用默认的图片。 echo ”; } }}

  21. 我安装插件后,后台怎么只有一个“七牛绑定的域名”的选项框,怎么没“基础设置”内容?还有在哪里改robots.txt呀?非常感谢!!

      • 保存到的目录是系统默认目录,与采用“添加媒体”中的目录一样。但命名方式不同,使用kindeditor-for-wordpress上传的图片会给图片重新命名,图片名中会有一条下划线”_”;另外博主有没有什么好的编辑器推荐一下呢?

  22. 请问下哥,加速乐和七牛全站镜像加速一起用,怎么搞?CDN 你使用的是那个,我看你的站好快!备案服务你能推荐个不,我想使用更加优质的服务。

  23. 我用了百度的加速乐,七牛云就无法使用,手动更新时提示:http://blog.mywebsite.com/wp-content/uploads/2013/11/mmexport1385214720538.jpeg 发生错误:no such file or directory,但我七牛云的另一个帐号也是一个用了百度加速乐的空间,现在使用一切正常,用加速乐之前的附件和之后的附件都正常缓存了。这两个七牛云的空间都是在一个用户名下,Access Key和Secret Key都是一个,正常的那个空间是先建立的。http://blog.mywebsite.com/wp-content/uploads/2013/11/mmexport1385214720538.jpeg这个文件在浏览器下打开正常,但就是不能手动更新到七牛云空间,而且CSS等文件也没有更新到七牛云空间,所以网站现在除了文字正常外其它都是不正常的。请问这是什么原因?

  24. 博主你好。在使用七牛插件后,我的文章中图片地址不带www的图片可以默认从七牛空间调用,而带www地址的图片默认是从本地调用的。因为最早写博客用的是www开头的地址,后来重定向到不带www的地址,写日志时都不带www的。请问有什么方法可以解决下吗?谢谢。

  25. denishua兄,为什么qiniu只能替换部分js、css文件呢,wordpress主题目录下还有不少主体的文件并没有自动替换,请教一下,我该如何操作!谢谢!

  26. 安装了插件,感觉很好,但是我网站大量的图片,用七牛全站加速图片费用过高,能不能加个函数让缩略图用七牛的图片,文章也还是用原站的图片。

  27. 多谢博主,请问博主能否增加一下同步删除的功能?即同步到七牛以后就删除本地的文件(博客中的文件)这样的话节省了空间,因为很多时候我们博客其实需要不了多少空间我就可以放到一些小的虚拟主机空间上了,图片或是下载的文件就可以用直接七牛。谢谢!

  28. Warning: Invalid argument supplied for foreach() in /home/q9tredf5aq/domains/####.com/public_html/wp-content/plugins/weixin-robot-advanced/include/wpjam-setting-api.php on line 82更新后报错

  29. 博主的插件很好用,感谢分享!能不能增加这样一个功能,在后台插件设置处可以自己填写一些七牛的处理参数,类似watermark/2/text/这样的,这样让以后同步过去的图片实现自动加水印或者其他处理

  30. 水煮鱼你好,我想问一下,我原来文章没有图片的都是设置显示默认图片,根据上面浓缩图修改后不显示默认图片了怎么办?

  31. 付费主机的存储空间有限,请问七牛这个插件,可以将图片只存储在七牛中,Wordpress里直接通过URL引用么?

  32. 你好。插件在wordpress后台设置中【静态文件域名】这里,域名不加【http://】,图片就会显示七牛地址,但是少个http后面的冒号。例如:【http//babypic.qiniudn.com//wp-content/uploads/2014/01/eac4b74543a98226273508cb8b82b9014b90eb62.jpg】 如果加了【http://】就不会显示七牛地址,而是原地址。不知道什么情况,我用的是你的插件0.82版本之后我换成0.2版本,没有任何问题了

  33. 想说被误导了,wordpess后台设置界面的七牛绑定域名的后面的注释有问题。我就直接写了自己的域名,不是七牛的。

  34. 水煮鱼大神,请教一个问题。遵循了你的教程折腾好了七牛的种种,也开始发文了,我的站属于图片站,现在的图片链接也是七牛的,可是我上七牛看空间存储量一直是0,但是空间内容管理里面已经有很多的图片了,这是为什么?为了测试,我还放了一张6m多的图片,可是存储量还是0,搞不清楚了,求指点。

  35. 从这注册去开通了一个,很方便,速度也很快,非常感谢,有个问题是:在博客文章内的图片都能正常转换为七牛的链接,但是portfolio文章内的图片无法转换,但是图片文件是已经存储到了七牛中的,希望博主能检查下,看看能不能增加完善。

  36. 在请教一个问题,我用的这个主题有两种发图片的方法:外链图片和上传。做了七牛镜像以后,上传图片发文,首页缩略图不显示,src位置没有图片链接。用外链形式发图片,首页缩略图正常显示。二者发文以后,进入文章页都可以看到图片。这是怎么造成的?有什么解决办法吗?

  37. 我在BAE搭了一个wordpress博客,js和css放在应用里的wp-contents和wp-includes目录下,上传的图片和附件放在云存储里而不是应用的wp-contents/uploads目录下,现在想实现两部分都能实现镜像存储。可以在静态文件域名里添加两个吗?也是用 | 隔开?

  38. 我最近也开始使用七牛云存储了,试用了这几天好像明白是怎么回事儿了!就是我有一个疑问,我以前一直用的是新浪微博相册做的图床,现在用七牛的话,有没有好的解决方案,也就是能不能把新浪微博相册里的图片给同步到七牛来呢?呵呵,如果可以,那就太好了!

  39. 我想问一下,如何启动这个七牛的生成缩略图功能呢?是不是要在function.php里加段代码呢?我现在装上插件启动七牛存储后本地上传的图片总是无法生成缩略图的!

  40. 老大 我网站出了问题 粗心大意之下删除了 空间里的所有文件 现在数据库已经恢复 文章图片也正常 不过应该是因为用的七牛之前的云存储 有没有办法把这些图片重新再备份到我的空间中啊?不然以后七牛有问题的话 我的本地也没有图片

  41. 我不想wp-content/themes同步到七牛,怎么设置呢?先同步自定义的文件夹如 image或static/image有怎么设置。谢谢

  42. 上传 Robots.txt发生错误:{“error”:”file exists”,”reqid”:”CFYAAGDU7At1SVsT”,”details”:["v2.ins/E11000 duplicate key error index;v2.upd/not found;v2.sel;qtbl.ins:1/file exists;RS:2/614;RSPROXY:3/614"],”code”:614}是肿么回事?

  43. 我开启了多站点之后主站点使用七牛之后没用啊,镜像源和域名设置都没问题,博主试过开启多站点之后的七牛插件么?

  44. 博主,发现使用了kindeditor插件后,图片上传目录不变,但是上传的文件会被kindeditor重命名成“20140316182601_76661.jpg”这样的格式,然后调用的图片地址就不会替换成七牛的地址,这个有办法解决吗?

  45. 请问 这个和七牛wordpress插件哪个更好一点?还有 请问您出的七牛wordpress插件是否可以在wordpress插入图片时自动上传至七牛,然后以后图片就从七牛调用,而不是从vps调用然后用七牛加速,因为如果是上传到vps的话会占用空间?

  46. 原来这插件还有这个功能 我的做法和你有点不一样 因为要获取视频缩略图所以让文章自动生成相应的’image’自定义字段 再将字段图片缓存到本地 同步七牛

  47. the_post_thumbnail 函数相比还有一个强大的地方是,如果没有设置缩略图,它将自动获取第一张图片作为缩略图。个人觉得要是都没有,希望可以默认一张图片,这样子比较合适,谢谢博主了

  48. 遇到一个问题,好几个星期了,CSS文件同步不到7牛上去,我本地改好了,服务器也上传了,确定改过了,但是网页还是没有变化,我若是关了这个插件,网页就发生变化了。这个要怎么解决了。苦恼啊~!~

  49. 建议下个版本添加上可以使用自定义的图片样式,就是在输出图片的时候也可以把图片处理规则一起在地址里面输出,不知道博主明白我的意思吗

  50. Tiled Galleries Carousel Without Jetpack 这款插件和七牛这个插件有冲突:未删除源文件的情况下一切正常,一旦删除了源文件,就打不开网页,而停用了TGCW这个插件则正常读取七牛镜像文件。http://www.betafans.com/autoshow/4463.html我现在这个页面是停用了图片插件,如果开启图片插件就无法显示网页(网页代码是正常载入的,但是无法显示页面)。。。这两个插件我都觉得是必须的,现在只能忍痛停掉一个。

  51. 用了是成功了,但是不知道有没有解决上传的图片占用我的空间的问题,因为我的空间才200M,就是想找一个地方能方便的存储的我网站上传的图片的,也就是相当于一个外链,这才是我使用的目的

    • 博主能否解答一下?我现在的图片只有宽度,没有高度,那对数组我只设置了前面那个,后面的留空,貌似图片延时加载插件不起作用是因为这个?

  52. 可以添加些功能么,因为此插件已经使用了七牛的API,能否在媒体库中直接添加后台的文件管理功能,方便管理图片。

  53. 为什么我安装了你的插件,在你指定的那个设置上,只有七牛绑定的域名、七牛空间名、ACCESS KEY、SECRET KEY的填写,其他的什么都没有啊。

  54. <?php wpjam_related_posts( array( ‘class’ => ”, ‘thumb’ => true, ‘size’ => ‘thumbnail’, ‘crop’ => true, ‘thumb_class’ => ‘wp-post-image’, ‘number_per_row’ => 5 ) ); ?>这种调用方法不对么?页面出错!求解!

  55. 已经给好几个博客都用上了,效果不错,楼主牛逼!不过最近一个博客安装之后却出现了问题:博客源代码中缓存文件的路径没问题,七牛云中文件也存在,但是……偏偏出现“中国电信网址纠错……”这是为啥累?

  56. 新建了二级域名,img.yuming.com 然后将图片全部转移到 二级域名站点下,图片是可以了,但是js|css这种的怎么加速呢?如果图片等静态文件存储的域名和网站不同,可通过该字段设置。使用该字段设置静态域名之后,请确保 JS 和 CSS 等文件也在该域名下,否则将不会加速。按照提示,是否将全部js文件以及css 移动到img站点下?

  57. 我还没有安装这个插件。可能是按水煮鱼老大说的,七牛等于是一个镜像备份的功能吧。不过我是想要它的比如图片、影音。这些插件的一个存储空间,别的网盘也有接口功能,不过下载的时候太坑了,满是广告。有没有在发表日志的时候,有这个多媒体上传接口呢?谢谢

  58. 如果按上面的配置了,是不是如果我们的空间商有赠送的二三级域名,那我们在配置七牛的时候,把域名一绑定。到时候直接向搜索引擎提交这个镜像就好了呢?

  59. 有两个想实现的功能,不知是否可以做进去1)如果有文件变动,自动更新新变动/上传的文件2)后台文件更新,是否能提供目录的更新

  60. 看下我的网站分类能实现,但是首页貌似没反应到,应该修改哪里,不应该只是分类,和标签,首页最后也完善下,欢迎指教,水煮鱼

  61. 正在使用我爱水煮鱼的七牛云存储插件,非常简单好用,感觉用了博主的插件后博客的加载速度快了很多…感谢博主的贡献!

  62. 请教一个问题,现在文件上传是不会把这个文件上传到七牛的文件管理里面去的吗?只是把这个数据同步到镜像站去吗?像小站空间太小了,不同步过去数据装不下了

  63. 插件的缩略图函数,在一些可定制的英文模板里面使用起来不是很方便,还希望水煮鱼大大 ,多设计兼容,降低耦合。

热门文章