wordpress插件和非插件实现七牛CDN静态存储加速方法

在上一篇文章，我就写了关于WordPress百度云cdn加速教程方法，并在文中也提到会写一篇wordpress插件和非插件实现七牛CDN静态存储加速方法，今天就为大家带来这篇文章，希望可以帮助那些想让网站速度飞起来的朋友。纯教程文章，希望大家喜欢。

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

七牛云存储支持绑定域名（需要备案域名），全网 CDN 加速（多数据中心+多加速节点，上传下载均加速）、持续在线，可以无限扩展、用户只需按需付费，无硬件投资，并且还可以免费试用3个月。

七牛云存储的主要特点有以下几点：

云存储：可以存储静态文件，包含：图片，音视频，甚至是 CSS，JS，还可以存储其他文件和非结构化数据。

云处理：这是个人认为七牛最强地方，就是支持图片/音频/视频等资源在线压缩和转换处理，并且可以通过回调功能自定义数据处理。

云加速：七牛支持上传/下载双向加速，并且单文件上传无大小限制，支持断点续传。分布各地的加速节点，自动选择离用户最近的节点，保证数据上传下载的速度。

API 操作：七牛云存储提供了一系列 API 和 SDK 和示例教程教你接入使用。

缩略图：七牛支持设置不同大小规格的图片，而且是可以自定义尺寸的，根据用户的显示分辨率不同使用不同的图片，达到下载速度和显示体验的最佳搭配，而七牛的缩略图定义非常方便，只需要在七牛的后台 Web 界面进行进行定义即可。

在wordpress中，有一款我们水煮鱼大大做的一款专门的七牛镜像存储 WordPress插件，可以让我们一键实现 WordPress 博客静态文件 CDN 加速，很好的插件，接下来我们来讲讲使用这款插件如何来实现CDN加速的。

插件篇：

1、有帐号的登录七牛云网站，没有帐号的朋友可以点击这里申请：www.qiniu.com

2、我们进入七牛后台后，就来添加资源，如下图：

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第一张

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第二张

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第三张

3、我们来添加镜像源，也就是我们想加速的网站，大家看下图：

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第四张

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第五张

这里有一点要说明一下：我们再做静态缓存的时候，七牛提供的那个临时域名就会成为跟我们主站一模一样的网站，这个时候我们就需要屏蔽蜘蛛去抓取我们七牛临时域名的网站，我们就需要在我们的存储空间里面上传一个robots.txt进去。如下图：

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第六张

需要这个robots.txt的朋友，可以去这里下载：robots.txt

做好上面这些，我们七牛里面的存储空间设置就做好了，接下来我们再来做wordpress里面的插件安装和配置。

4、在wordpress后台插件安装插件，在搜索插件里面我们搜索：qiniu，就会看到这个插件，如下图：

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第七张

5、安装好插件，我们点启用，然后进入插件的设置区域，大家看一下我的设置：

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第八张

大家看一下我们图中有两个key，这个是在哪呢，大家看下图：

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第九张

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第十张

图中的AK就是ACCESS KEY，SK就是SECRET KEY，这样大家就知道插件里面怎么设置了吧。我们接着看七牛插件里面的设置：

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第十一张

wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法第十二张

设置到这里，我们插件版的设置就完了，你再看看你网站，是不是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这款程序，期待吧！！！！

推荐阅读：

WordPress百度云cdn加速教程方法，速度起飞

wordpress博客怎么做才可以被百度喜欢

你的wordpress网站一直是高危状态你知道吗？

《wordpress插件和非插件实现七牛CDN静态存储加速方法》有 34 个想法

琪琪电影网 2019 年 5 月 7 日下午 7:55

哇塞，居然是沙发？留个名

回复 ↓

房东的猫 2018 年 5 月 9 日下午 9:38

来挖个坟。不知道为啥我这么设置好了网站页面蹦了查看代码确实地址改了不过不显示页面乱七八糟的

回复 ↓

张力文章作者2018 年 5 月 10 日下午 7:31

你可以检查一下CSS的路劲，看那个路径是否存在你的样式表！

回复 ↓
有来有去 2018 年 5 月 12 日下午 10:21

没有看到你网站乱码呢，改了有时要清空下缓存再测试

回复 ↓

癖事 2017 年 9 月 30 日上午 8:20

https怎么加速？

回复 ↓

张力文章作者2017 年 9 月 30 日下午 9:03

目前我所知道的https的CDN加速都说收费的，还没发现免费的！

回复 ↓

拽立网 2017 年 5 月 30 日上午 10:55

谢谢博主，这代码有用！！

回复 ↓

Z 2017 年 3 月 17 日下午 4:08

插件篇和代码篇，是任选一个就可以，还是可以一起用。

回复 ↓

张力文章作者2017 年 3 月 19 日上午 10:59

任选一个使用就可以了！

回复 ↓
1. z 2017 年 3 月 20 日上午 9:01
  
  恩，谢谢博主，不过我还有两个问题，一个就是，插件实现较代码实现多了两个KEY的设置，那么这两种方法在功能是有什么差别呢？另外就是关于robots.txt的问题，是直接上传到七牛内容管理中就可以了吗，需要在插件里的robots中也设置吗？
2. 张力文章作者2017 年 3 月 20 日下午 2:51
  
  插件实现比代码实现的功能多，插件可以实现缩略图等等，但如果只需要加速的话，就只用代码就可以了
  robots就只上传七牛内容空间就可以了！

wkr 2016 年 12 月 26 日下午 2:43

非常感谢楼主，按照楼主德方法，已经设置成功了。

回复 ↓

张力文章作者2016 年 12 月 26 日下午 8:19

不客气，希望文章都对来的朋友起到作用就可以了！

回复 ↓

linshao 2016 年 12 月 14 日下午 3:44

按照你的教程使用了百度云和七牛！为什么打开的速度还慢了 2S？

回复 ↓

张力文章作者2016 年 12 月 14 日下午 7:19

我只能说：你用the7的主题，像这种英文主题，一堆的JS，以及谷歌字体在里面，你想飞都难，就别说那点提升的东西了！

回复 ↓
1. linshao 2016 年 12 月 16 日上午 10:59
  
  非常感谢！问一下七牛之前是临时域名！怎么添加一个绑定的域名呢？钱也冲了！看了下教程要做解析应该如何做才能不影响百度云加速的解析呢？
2. 张力文章作者2016 年 12 月 16 日下午 12:46
  
  同一个域名，如果用了百度云加速，就不要再弄七牛独立域名了，会导致错误的！
3. linshao 2016 年 12 月 16 日上午 11:09
  
  需要从注册一个域名？来解析代替七牛给的域名？百度云加速的域名不动？是不是这样。。
4. 张力文章作者2016 年 12 月 16 日下午 12:47
  
  可以的话是重新注册一个域名，如果的同一个域名，用了百度云加速之后，再解析一个到七牛就会导致节点混乱的问题！
5. linshao 2016 年 12 月 16 日下午 12:52
  
  我看了你的源代码了！cnd.域名.com, 域名.com在百度云加速过，七牛用cnd.域名.com CNAME解析也会有问题吗？我只是给存储对象加了个域名，应该不影响百度云？解析都是在百度云做的!
6. 张力文章作者2016 年 12 月 16 日下午 1:01
  
  就因为在百度云做的解析，他连他的二级域名一并加速做了节点缓存！
7. linshao 2016 年 12 月 16 日下午 1:05
  
  好的！明白了！之前的教程是百度云+七牛免费缓存，但是七牛的缓存临时域名是有限制的。要用七牛CND的话只放弃百度云这样对吧？选择七牛就好！我去把百度云的解析换回来吧！就用七牛！非常感谢力哥的指导！
8. 张力文章作者2016 年 12 月 16 日下午 1:08
  
  没事的，百度云可以用，但只是需要另一个二级域名来做七牛的CDN
9. linshao 2016 年 12 月 16 日下午 1:16
  
  被搞迷糊了。百度云解析的 cdn.域名.com已经好了！我已经更改了。你看下我网站源代码对不！现在是百度云加速解析，七牛存储的。
10. 张力文章作者2016 年 12 月 16 日下午 1:19
  
  我看你用的是七牛临时域名！
11. 张力文章作者2016 年 12 月 16 日下午 1:21
  
  强制刷新一下又好了，你先这样用着，如果因为百度云加速的问题导致七牛绑定的域名有问题的话，就果断换七牛临时域名用！
12. linshao 2016 年 12 月 16 日下午 1:23
  
  [/坏笑] [/坏笑] [/坏笑] [/坏笑] 好的没问题！谢谢力哥指导！ [/坏笑] [/坏笑]
13. 张力文章作者2016 年 12 月 16 日下午 1:23
  
  求打赏啊，文章下的打赏功能在那，o(∩_∩)o 哈哈