轻松整合 WordPress 与七牛云存储 CDN 加速服务

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

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

首先，你得有一个七牛账号（这不是废话么~）。什么？你才知道七牛？那还不快注册成为七牛用户，立即享受每月 10G 流量 + 10G 存储的免费服务。

有了账号，你就可以新建空间，我们需要建立一个公开空间。

第二步：设置镜像存储

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

在【域名设置】下，我们知道了该空间的默认域名，你也可以绑定自己的域名，这里不展开讨论。

在【镜像存储】下，点击【一键加速网站】按钮，在弹出的对话框中，【镜像源】填写你的博客地址，确定即可。

设置加速后，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);
	}
}

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-content/uploads/', $html);

1	return str_replace('http://c7sky.com/wp-content/uploads/', 'http://c7sky.u.qiniudn.com/wp-content/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;
}

//修改自七牛镜像存储 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 插件吧。