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

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网站一直是高危状态 你知道吗?

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

张力

隐藏边栏