奇淫技巧

不要插件!轻松整合 WordPress 与七牛云存储 CDN 加速服务

2014-5-24 2916字 70,839

免费的优质服务谁不爱?凭借 10G 流量 + 10G 存储的免费套餐,七牛云存储快速获得了大批的用户。其中 WordPress 博主占了不小的比例,作为其中的一员,我来说下怎么在不需要插件的情况下让 WordPress 用上七牛云存储CDN加速服务。

第一步:创建七牛公开空间

首先,你得有一个七牛账号(这不是废话么~)。什么?你才知道七牛?那还不快注册成为七牛用户,立即享受每月 10G 流量 + 10G 存储的免费服务。 有了账号,你就可以新建空间,我们需要建立一个公开空间。

第二步:设置镜像存储

成功建立空间之后,打开该空间的【空间设置】页面。

](https://img1.ixu.me/wp-content/uploads/2014/08/qiniu-bucket-setting_zps2fe9d574.jpg "不要插件!轻松整合 WordPress 与七牛云存储 CDN 加速服务")

七牛云存储 – 空间设置

在【域名设置】下,我们知道了该空间的默认域名,你也可以绑定自己的域名,这里不展开讨论。 在【镜像存储】下,点击【一键加速网站】按钮,在弹出的对话框中,【镜像源】填写你的博客地址,确定即可。

七牛云存储 – 加速设置

设置加速后,http://c7sky.com/folder/file.jpg 就可以通过 http://c7sky.u.qiniudn.com/folder/file.jpg 来访问了。 也就是说,我们只需将 WordPress 输出的内容中,所有的 http://c7sky.com域名替换为http://c7sky.u.qiniudn.com/ 就能实现 CDN加速。(仅作举例,只替换域名是错误的)

第三步:添加 WordPress 代码

在 WordPress 主题目录下的 functions.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) {
        return str_replace('[这里填写博客路径]', '[这里填写七牛空间路径]', $html);
    }
}

以小影志的上传目录 wp-content/uploads/ 文件夹为例,路径就应该替换为如下代码:

return str_replace('http://c7sky.com/wp-content/uploads/',
 'http://c7sky.u.qiniudn.com/wp-uploads/', $html);

如果你需要更具体的范围控制(多目录、指定文件类型),可使用以下代码替换上面的c7sky_qiniu_cdn_replace 部分:

//修改自七牛镜像存储 WordPress 插件
function c7sky_qiniu_cdn_replace($html){
    $local_host = 'http://c7sky.com'; //博客域名
    $qiniu_host = 'http://c7sky.u.qiniudn.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;
}

大功告成

简单的3步,就能让你的 WordPress 实现 CDN 加速。当然,如果你的需求还包括加速远程图片或刷新缓存等,那么还是老老实实安装七牛镜像存储 WordPress 插件吧。

文章转载自:小影志(http://c7sky.com/

版权声明:Shire 发表于 2014-5-24
转载请注明: 不要插件!轻松整合 WordPress 与七牛云存储 CDN 加速服务 | Shire

评论

该文章已经关闭评论