【原】利用七牛云存储CDN服务给WordPress静态文件加速

Python进阶者 2023-02-10 发布于广东

展开全文

一般个人博客站的空间都不是太大，流量也是有限制的。如果网站的访问速度和存储空间不够的话，就需要花钱去升级虚拟主机了。不想花钱？那就看看七牛的免费cdn加速服务吧。

凭借 10G 流量 + 10G 存储的免费套餐，七牛云存储快速获得了大批的用户。其中 WordPress 博主占了不小的比例。下面我就详细说下怎么利用二级域名绑定七牛云存储建立自己的专用空间，让 WordPress 用上七牛云存储 CDN 加速服务。

第一步：创建七牛存储空间

首先，你得有一个七牛账号。点击这里去注册，立即享受每月 10G 流量 + 10G 存储的免费服务。

有了账号，我们需要建立一个公开空间。可以自定义命名。

创建方法：对象存储--新建存储空间，然后填入空间名点选其他选项创建即可。

第二步：设置七牛云存储空间

成功建立空间之后，打开该空间（对象存储——新建的空间名——绑定域名/自定义域名）。

加速域名不是正在用来访问的网址而是将要用来做cdn的网址。

自定义域名需要备案，审核后需要几小时的配置时间，一般很快我的十几分钟就可以了。没有备案的域名可以使用七牛自带的二级域名。然后如下图按提示进行域名解析就可以了。

解析成功后

到这里，七牛那边的设置已经完成了。也就是说，我们只需将 WordPress 输出的内容中，所有的 http://blog./ 域名替换为http://images./ 就能实现 CDN 加速（这一步可以由接下来安装的插件来实现）。

第三步：配置WordPress

这里有好几种方式可以实现七牛云存储加速wordpress静态文件功能。

1、非插件方法实现七牛加速wordpress

在 WordPress 主题目录下的 functions.php 文件中，加入以下代码实现替换功能：

if ( !is_admin() ) {
	add_action('wp_loaded','xh_ob_start');
	
	function xh_ob_start() {
		ob_start('xh_qiniu_cdn_replace');
	}
	
	function xh_qiniu_cdn_replace($html) {
		return str_replace('[这里填写博客路径]', '[这里填写七牛空间路径]', $html);
	}
}

以我的设置上传目录 wp-content/uploads/ 文件夹为例，路径就应该替换为如下代码：

return str_replace('http://blog.hepeichao/wp-content/uploads/', 'http://images./wp-content/wp-uploads/', $html);

如果你需要更具体的范围控制（多目录、指定文件类型），可使用以下代码替换上面的xh_qiniu_cdn_replace部分：

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