Loading
0

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、我们进入七牛后台后,就来添加资源,如下图:

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

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

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

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

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

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

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

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

本文由张力博客原创写作,微信:445671696,原文地址:http://zhangliseo.com/2950.html,转载请注明原文地址,谢谢!

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-36-1109-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:90%成功提升用户回头率的网站优化技巧
下一篇:站点跳出率那么高,再不微调就“完了”!