张力-实战网络营销导师
专注于网络营销策划+Wordpress建站,只做有思想的高价值网站,只提供有担当的营销服务!
文章476浏览1339624本站已运行606

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 之后,尽量在做修改之前备份好,以免添加错误,导致网站无法访问。这段代码里面的修改我就不用多说了,只需要把博客域名和七牛域名修改成你的网站域名和七牛域名即可。

  1. //七牛镜像存储
  2. if ( !is_admin() ) {
  3.     add_action('wp_loaded','c7sky_ob_start');
  4.     function c7sky_ob_start() {
  5.         ob_start('c7sky_qiniu_cdn_replace');
  6.     }
  7. function c7sky_qiniu_cdn_replace($html){
  8.     $local_host = 'http://zhangliseo.com'; //博客域名
  9.     $qiniu_host = 'http://7u2pl7.com1.z0.glb.clouddn.com'; //七牛域名
  10.     $cdn_exts   = 'js|css|png|jpg|jpeg|gif|ico'; //扩展名(使用|分隔)
  11.     $cdn_dirs   = 'wp-content|wp-includes'; //目录(使用|分隔)
  12.     $cdn_dirs   = str_replace('-', '\-', $cdn_dirs);
  13.     if ($cdn_dirs) {
  14.         $regex  =  '/' . str_replace('/', '\/', $local_host) . '\/((' . $cdn_dirs . ')\/[^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
  15.         $html =  preg_replace($regex, $qiniu_host . '/$1$4', $html);
  16.     } else {
  17.         $regex  = '/' . str_replace('/', '\/', $local_host) . '\/([^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
  18.         $html =  preg_replace($regex$qiniu_host . '/$1$3', $html);
  19.     }
  20.     return $html;
  21. }
  22. }

以上就是张力给大家带来的wordpress七牛镜像存储插件和非插件实现CDN静态加速的方法,相信小伙伴你已经激动了吧,想去试试了吧,但别急,给我来个赞吧,o(∩_∩)o 哈哈。

注:后面的一段时间,张力将会给大家带来一系列关于wordpress新手入门教程的文章,帮助新人朋友更好的运用wordpress这款程序,期待吧!!!!

推荐阅读:

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

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

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

您还未添加分享代码,请到主题选项中,添加百度分享代码!

张力

广告
发表我的评论
取消评论
表情 签到
流汗坏笑撇嘴大兵流泪发呆抠鼻吓到偷笑得意呲牙亲亲疑问调皮可爱白眼难过愤怒惊讶鼓掌

Hi,您需要填写昵称和邮箱!

(33)个小伙伴在吐槽
  1. 房东的猫
    房东的猫   Google Chrome 55.0.2883.87   Windows XP
    2018-05-09 21:38

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

    • 张力
      张力   Google Chrome 66.0.3355.4   未知
      2018-05-10 19:31

      @房东的猫 你可以检查一下CSS的路劲,看那个路径是否存在你的样式表!

    • 有来有去
      有来有去   Google Chrome 55.0.2883.87   Windows 7
      2018-05-12 22:21

      @房东的猫 没有看到你网站乱码呢,改了有时要清空下缓存再测试

  2. 癖事
    癖事   Google Chrome 61.0.3163.100   Windows 7
    2017-09-30 08:20

    https怎么加速?

    • 张力
      张力   Google Chrome 60.0.3112.101   Windows 7
      2017-09-30 21:03

      @癖事 目前我所知道的https的CDN加速都说收费的,还没发现免费的!

  3. 拽立网
    拽立网   Google Chrome 50.0.2661.102   Windows 7
    2017-05-30 10:55

    谢谢博主,这代码有用!!

  4. Z
    Z   Google Chrome 57.0.2987.98   未知
    2017-03-17 16:08

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

    • 张力
      张力   Google Chrome 48.0.2564.82   Windows 7
      2017-03-19 10:59

      @Z 任选一个使用就可以了!

      • z
        z   Google Chrome 56.0.2924.87   Windows 7
        2017-03-20 09:01

        @张力 恩,谢谢博主,不过我还有两个问题,一个就是,插件实现较代码实现多了两个KEY的设置,那么这两种方法在功能是有什么差别呢?另外就是关于robots.txt的问题,是直接上传到七牛内容管理中就可以了吗,需要在插件里的robots中也设置吗?

      • 张力
        张力   Google Chrome 48.0.2564.82   Windows 7
        2017-03-20 14:51

        @z 插件实现比代码实现的功能多,插件可以实现缩略图等等,但如果只需要加速的话,就只用代码就可以了
        robots就只上传七牛内容空间就可以了!

  5. wkr
    wkr   Google Chrome 50.0.2661.102   未知
    2016-12-26 14:43

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

    • 张力
      张力   Google Chrome 48.0.2564.82   Windows 7
      2016-12-26 20:19

      @wkr 不客气,希望文章都对来的朋友起到作用就可以了!

  6. linshao
    linshao   Google Chrome 50.0.2661.102   未知
    2016-12-14 15:44

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

    • 张力
      张力   Google Chrome 48.0.2564.82   Windows 7
      2016-12-14 19:19

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

      • linshao
        linshao   Google Chrome 50.0.2661.102   未知
        2016-12-16 10:59

        @张力 非常感谢!问一下七牛之前是临时域名!怎么添加一个绑定的域名呢?钱也冲了!看了下教程 要做解析 应该如何做才能不影响 百度云加速 的解析呢?

      • 张力
        张力   Google Chrome 48.0.2564.82   Windows 7
        2016-12-16 12:46

        @linshao 同一个域名,如果用了百度云加速,就不要再弄七牛独立域名了,会导致错误的!

      • linshao
        linshao   Google Chrome 50.0.2661.102   未知
        2016-12-16 11:09

        @张力 需要从注册一个域名?来解析 代替 七牛给的 域名? 百度云加速的 域名 不动?是不是这样。。

      • 张力
        张力   Google Chrome 48.0.2564.82   Windows 7
        2016-12-16 12:47

        @linshao 可以的话是重新注册一个域名,如果的同一个域名,用了百度云加速之后,再解析一个到七牛就会导致节点混乱的问题!

      • linshao
        linshao   Google Chrome 50.0.2661.102   未知
        2016-12-16 12:52

        @张力 我看了你的源代码了!cnd.域名.com, 域名.com在百度云加速过, 七牛 用cnd.域名.com CNAME解析 也会有问题吗? 我只是给存储对象 加了个域名,应该不影响 百度云? 解析都是在百度云 做的!

      • 张力
        张力   Google Chrome 48.0.2564.82   Windows 7
        2016-12-16 13:01

        @linshao 就因为在百度云做的解析,他连他的二级域名一并加速做了节点缓存!

      • linshao
        linshao   Google Chrome 50.0.2661.102   未知
        2016-12-16 13:05

        @张力 好的!明白了!之前的教程是 百度云+七牛免费缓存,但是七牛的缓存临时域名 是有限制的。 要用七牛CND的话 只放弃百度云 这样对吧? 选择 七牛就好!我去把 百度云的解析 换回来吧! 就用七牛 !非常感谢 力哥的指导!

      • 张力
        张力   Google Chrome 48.0.2564.82   Windows 7
        2016-12-16 13:08

        @linshao 没事的,百度云可以用,但只是需要另一个二级域名来做七牛的CDN

      • linshao
        linshao   Google Chrome 50.0.2661.102   未知
        2016-12-16 13:16

        @张力 被搞迷糊了。百度云解析的 cdn.域名.com已经好了! 我已经更改了。 你看下我 网站 源代码对不!现在是百度云加速解析,七牛存储的。

      • 张力
        张力   Google Chrome 48.0.2564.82   Windows 7
        2016-12-16 13:19

        @linshao 我看你用的是七牛临时域名!

      • 张力
        张力   Google Chrome 48.0.2564.82   Windows 7
        2016-12-16 13:21

        @linshao 强制刷新一下又好了,你先这样用着,如果因为百度云加速的问题导致七牛绑定的域名有问题的话,就果断换七牛临时域名用!

      • linshao
        linshao   Google Chrome 50.0.2661.102   未知
        2016-12-16 13:23

        @张力 [/坏笑] [/坏笑] [/坏笑] [/坏笑] 好的没问题!谢谢力哥 指导! [/坏笑] [/坏笑]

      • 张力
        张力   Google Chrome 48.0.2564.82   Windows 7
        2016-12-16 13:23

        @linshao 求打赏啊,文章下的打赏功能在那,o(∩_∩)o 哈哈

  7. 垃圾站
    垃圾站   Google Chrome 45.0.2454.101   Windows 7
    2016-07-02 23:20

    很不错的教程,学习了!

  8. 成都卫校
    成都卫校   Google Chrome 45.0.2454.101   未知
    2016-06-29 15:38

    学到了,谢谢分享

  9. 洋洋洋自媒体
    洋洋洋自媒体   Google Chrome 50.0.2661.102   Windows 7
    2016-06-25 15:25

    ╭☆╮╭☆╮╭☆╮╭☆╮╭☆╮╭☆╮

    ∣祝∣∣好∣∣朋∣∣友∣∣快∣∣乐∣

    ╰★╯╰★╯╰★╯╰★╯╰★╯╰★╯ 欢迎回访哦

  10. 木盒
    木盒   Google Chrome 50.0.2661.102   Windows 7
    2016-06-25 15:24

    月光很美,比不上朋友的安慰;

    星星很美,比不上友情的点缀;

    夜空很美,比不上友谊的珍贵。

    愿你夜夜都有好梦相陪,

    天天都有快乐相随!

  11. 搜外站长
    搜外站长   Google Chrome 45.0.2454.101   Windows 7
    2016-06-25 09:31

    我的WP很慢,期待这篇文章很久了,非常不错啊,张哥,原来如此简单,现在有这样无私奉献的博主的确太少了,支持张哥!

  12. 百事
    百事   Google Chrome 31.0.1650.63   Windows 7
    2016-06-25 00:25

    力哥好野

隐藏边栏