分享

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

 新华书店好书榜 2014-03-24

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

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

七牛云存储的主要特点

  • 云存储:可以存储静态文件,包含:图片,音视频,甚至是 CSS,JS,还可以存储其他文件和非结构化数据。
  • 云处理:支持 图片/音频/视频 等资源在线压缩和转换处理,并且可以通过回调功能自定义数据处理。
  • 云加速:七牛支持上传/下载双向加速,并且单文件上传无大小限制,支持断点续传。分布各地的加速节点,自动选择离用户最近的节点,保证数据上传下载的速度。
  • API 操作:七牛云存储提供了一系列 API 和 SDK 和示例教程教你接入使用。
  • 缩略图:七牛支持设置不同大小规格的图片,而且是可以自定义尺寸的,根据用户的显示分辨率不同使用不同的图片,达到下载速度和显示体验的最佳搭配。

七牛镜像存储 WordPress 插件

除了云存储以外,七牛还支持传统 CDN 的镜像存储,这个功能是七牛相对其他类 Amazon S3 服务最强悍的地方,因为对于很多 WordPress 站点来说,有了这个功能,就无需将原来的图片上传到七牛的服务器上,只需在 WordPress 站点做些简单的修改,就可以使用七牛的 CDN 服务了,真正显示一键实现 WordPress 博客静态文件 CDN 加速。

七牛镜像存储 WordPress 插件

下面我就详细说说我制作的七牛镜像存储 WordPress 插件的使用过程,你也可以直接下载七牛镜像存储 WordPress 插件使用指南这份PDF文档回家慢慢看。

在七牛设置镜像存储

首先要登录七牛后台,选择你要的空间,点击“空间设置” > “一键加速”,输入博客地址即可,详细操作请下载七牛镜像存储 WordPress 插件使用指南,这里就不再详细说明了。

安装和使用七牛镜像存储 WordPress 插件

下载七牛镜像存储 WordPress 插件,上传激活,然后在 WordPress 后台 > 七牛镜像存储 > 基本设置:

七牛镜像存储 WordPress 插件-基本设置

七牛设置

  • 七牛绑定的域名:就是我们在七牛后台获取的,比如:http://wptest.。
  • *注意:如果博客安装的是在子目录下,比如 http://www./blog,这里也需要带上子目录 /blog。比如:http://wptest./blog。
  • 七牛空间名:也是在七牛后台获取的,比如:wptest
  • ACCESS KEY和SCRET KEY:可以在七牛后台>账户设置>密钥页面获取。

本地设置

  • 扩展名:设置要缓存静态文件的扩展名。
  • 目录:设置要缓存静态文件所在的目录。
  • 静态文件域名:默认情况下这里就是你博客的首页地址,一般情况下不需要改动。如果你图片等静态域名存储的域名和博客不同,可以通过该字段设置。使用该字段设置静态域名之后,请确保 JS 和 CSS 等文件也在该域名下,否则将不会加速。
  • 保存远程图片:由于用户博客内容中会引用其他远程的图片,根据镜像存储的规则,这部分图片是不会缓存的,这个功能会自动将远程图片镜像到七牛,该功能需要你的博客支持固定链接。另外可能会出现的情况是:如果设置的静态文件域名和博客域名不同,该功能可能会出错。

更新七牛文件

如果你希望在 WordPress 后台直接更新镜像到七牛的文件,你需要在上面的设置中输入七牛的 ACEESS KEY 和 SECRET KEY,以及绑定的空间名。然后就可以在 WordPress 后台 > 七牛镜像存储 > 文件更新 界面直接更新文件了。

需要注意这里更新文件,是在七牛删除文件,然后用户下次访问的时候再次镜像过去。所以上面显示清理成功,就是更新成功,显示发生错误:no such file or directory,意思是七牛没有该文件了,所以你无须再次清除。

七牛缩略图功能

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

虽然 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()函数是在放到哪里,这个函数就放到哪里。 :-)

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

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

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

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多