在上一篇文章,我就写了关于WordPress百度云cdn加速教程方法,并在文中也提到会写一篇wordpress插件和非插件实现七牛CDN静态存储加速方法,今天就为大家带来这篇文章,希望可以帮助那些想让网站速度飞起来的朋友。纯教程文章,希望大家喜欢。
我们知道七牛云存储是由七牛提供的在线存储服务,通过云端接口向企业客户提供网上无限存储空间,和传统的云存储服务(如 Amazon S3)不同,七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性。
七牛云存储支持绑定域名(需要备案域名),全网 CDN 加速(多数据中心+多加速节点,上传下载均加速)、持续在线,可以无限扩展、用户只需按需付费,无硬件投资,并且还可以免费试用3个月。
七牛云存储的主要特点有以下几点:
云存储:可以存储静态文件,包含:图片,音视频,甚至是 CSS,JS,还可以存储其他文件和非结构化数据。
云处理:这是个人认为七牛最强地方,就是支持 图片/音频/视频 等资源在线压缩和转换处理,并且可以通过回调功能自定义数据处理。
云加速:七牛支持上传/下载双向加速,并且单文件上传无大小限制,支持断点续传。分布各地的加速节点,自动选择离用户最近的节点,保证数据上传下载的速度。
API 操作:七牛云存储提供了一系列 API 和 SDK 和示例教程教你接入使用。
缩略图:七牛支持设置不同大小规格的图片,而且是可以自定义尺寸的,根据用户的显示分辨率不同使用不同的图片,达到下载速度和显示体验的最佳搭配,而七牛的缩略图定义非常方便,只需要在七牛的后台 Web 界面进行进行定义即可。
在wordpress中,有一款我们水煮鱼大大做的一款专门的七牛镜像存储 WordPress插件,可以让我们一键实现 WordPress 博客静态文件 CDN 加速,很好的插件,接下来我们来讲讲使用这款插件如何来实现CDN加速的。
插件篇:
1、有帐号的登录七牛云网站,没有帐号的朋友可以点击这里申请:www.qiniu.com
2、我们进入七牛后台后,就来添加资源,如下图:
3、我们来添加镜像源,也就是我们想加速的网站,大家看下图:
这里有一点要说明一下:我们再做静态缓存的时候,七牛提供的那个临时域名就会成为跟我们主站一模一样的网站,这个时候我们就需要屏蔽蜘蛛去抓取我们七牛临时域名的网站,我们就需要在我们的存储空间里面上传一个robots.txt进去。如下图:
需要这个robots.txt的朋友,可以去这里下载:robots.txt
做好上面这些,我们七牛里面的存储空间设置就做好了,接下来我们再来做wordpress里面的插件安装和配置。
4、在wordpress后台 插件 安装插件,在搜索插件里面我们搜索:qiniu,就会看到这个插件,如下图:
5、安装好插件,我们点启用,然后进入插件的设置区域,大家看一下我的设置:
大家看一下我们图中有两个key,这个是在哪呢,大家看下图:
图中的AK就是ACCESS KEY,SK就是SECRET KEY,这样大家就知道插件里面怎么设置了吧。我们接着看七牛插件里面的设置:
设置到这里,我们插件版的设置就完了,你再看看你网站,是不是JS、CSS以及图片都静态存储在七牛空间上去了,网站的速度也快了一些呢。下面我们来讲讲代码篇:
代码篇:
代码篇的静态加速方法就非常简单,我们只需要将以下代码添加到我们后台 外观 编辑,右边的函数模板里面,记住一定要是<?php 之后,尽量在做修改之前备份好,以免添加错误,导致网站无法访问。这段代码里面的修改我就不用多说了,只需要把博客域名和七牛域名修改成你的网站域名和七牛域名即可。
- //七牛镜像存储
- if ( !is_admin() ) {
- add_action(‘wp_loaded’,’c7sky_ob_start’);
- function c7sky_ob_start() {
- ob_start(‘c7sky_qiniu_cdn_replace’);
- }
- function c7sky_qiniu_cdn_replace($html){
- $local_host = ‘http://zhangliseo.com’; //博客域名
- $qiniu_host = ‘http://7u2pl7.com1.z0.glb.clouddn.com’; //七牛域名
- $cdn_exts = ‘js|css|png|jpg|jpeg|gif|ico’; //扩展名(使用|分隔)
- $cdn_dirs = ‘wp-content|wp-includes’; //目录(使用|分隔)
- $cdn_dirs = str_replace(‘-‘, ‘\-‘, $cdn_dirs);
- if ($cdn_dirs) {
- $regex = ‘/’ . str_replace(‘/’, ‘\/’, $local_host) . ‘\/((‘ . $cdn_dirs . ‘)\/[^\s\?\\\’\“\;\>\<]{1,}.(‘ . $cdn_exts . ‘))([\”\\\’\s\?]{1})/’;
- $html = preg_replace($regex, $qiniu_host . ‘/$1$4’, $html);
- } else {
- $regex = ‘/’ . str_replace(‘/’, ‘\/’, $local_host) . ‘\/([^\s\?\\\’\”\;\>\<]{1,}.(‘ . $cdn_exts . ‘))([\”\\\’\s\?]{1})/’;
- $html = preg_replace($regex, $qiniu_host . ‘/$1$3‘, $html);
- }
- return $html;
- }
- }
以上就是张力给大家带来的wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法,相信小伙伴你已经激动了吧,想去试试了吧,但别急,给我来个赞吧,o(∩_∩)o 哈哈。
注:后面的一段时间,张力将会给大家带来一系列关于wordpress新手入门教程的文章,帮助新人朋友更好的运用wordpress这款程序,期待吧!!!!
推荐阅读: