为了达到更好的体验效果,请使用Chrome、Firefox等现代浏览器浏览本站!

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

WEB 助推站长 6706℃ 41评论

wordpress-qiniu-cdn

凭借10G流量+10G存储的免费套餐,七牛云存储快速获得了大批的用户。其中 WordPress 博主占了不小的比例。我之前已经发过用七牛云存储加速wordpress运行的文章,但是写的不是很详细。下面我就详细说下怎么利用二级域名绑定七牛云存储建立自己的专用空间,让 wordpress 用上七牛云存储 CDN 加速服务。

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

首先,你得有一个七牛账号。点击这里去注册,立即享受每月10G流量+10G存储的免费服务(需要进行身份验证后才能成为标准用户,成为标准用户才能使用每月10G流量和10G存储空间)。
有了账号,我们需要建立一个公开空间。可以自定义命名。

创建七牛存储空间

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

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

设置七牛云存储空间 

点击申请绑定域名,配置自定义域名,并输入已经准备好的二级域名和域名备案号(所以必须已备案的域名才能配置自定义域名),自定义域名需要七牛审核(是否备案)审核后需要三到四天的配置时间,等几天就行。没有备案的域名可以使用七牛自带的二级域名。
最后在【镜像存储】下,点击【一键加速网站按钮,输入你要图片托管的博客地址即可。
到这里,七牛那边的设置已经完成了。也就是说,我们只需将 WordPress 输出的内容中,所有的 http://yusi123.com/ 域名替换为http://images.yusi123.com/ 就能实现 CDN 加速。

第三步:配置WordPress

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

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

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

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

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

  1. return str_replace('http://yusi123.com/wp-content/uploads/', 'http://images.yusi123.com/wp-content/wp-uploads/', $html);

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

  1. //修改自七牛镜像存储 WordPress 插件
    function yusi123_qiniu_cdn_replace($html){
    	$local_host = 'http://yusi123.com'; //博客域名
            $qiniu_host = 'http://images.yusi123.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后台 设置->多媒体->文件的完整URL地址中设置你的图片上传路径。

路径设置如下:

http://你的二级域名(七牛三级域名)/wp-content/uploads

设置之后基本就可以使用了(我就是使用的这种方法)。很便捷。

不知道怎么设置,没关系,查看文章调出wordpress隐藏的设置功能 

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

如果你的需求还包括加速远程图片或刷新缓存等,那么建议使用我爱水煮鱼的七牛镜像存储 WordPress 插件。当然还有一些其他个人开发的七牛插件,你也可以试试。不过我爱水煮鱼的插件是官方推荐的,也比较受欢迎。大家可以选择性使用。 

最后非常重要的一点: 为了防止权重流失,不要忘记在七牛空间放一个robots.txt(这个一般在使用七牛空间时自动就创建了):

  1. User-agent: *
    Disallow: /
    User-agent: Googlebot-Image
    Allow: /
    User-agent: Baiduspider-image
    Allow: /

相关文章:

欲思博客如何使用七牛cdn加速:http://yusi123.com/2905.html

如何调出wordpress隐藏的设置功能:http://www.zootui.com/434.html

如何用七牛云存储做为博客网站图片及文件的存储空间http://www.zootui.com/374.html

搜索七牛文章:http://www.zootui.com/search/七牛

喜欢 (3)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(41)个小伙伴在吐槽
  1. 不错的文章,内容雷霆万钧.禁止此消息:nolinkok@163.com
  2. 好文章,内容淋漓尽致.禁止此消息:nolinkok@163.com
    勾花网2017-01-16 19:00 回复
  3. 不错的文章,内容惊涛骇浪.禁止此消息:nolinkok@163.com
    勾花网2017-01-16 19:00 回复
  4. 不错的文章,内容惟妙惟肖.禁止此消息:nolinkok@163.com
    安平物流2017-01-08 09:44 回复
  5. 好文章,内容层次清晰.禁止此消息:nolinkok@163.com
    钢板网2017-01-08 09:44 回复
  6. 不错的文章,内容惊心动魄.禁止此消息:nolinkok@163.com
    钢筋网2017-01-06 05:09 回复
  7. 好文章,内容惊天动地.禁止此消息:nolinkok@163.com
    不锈钢网2017-01-06 05:09 回复
  8. 好文章,内容文章雅致.禁止此消息:nolinkok@163.com
    隔音屏障2017-01-04 03:11 回复
  9. 不错的文章,内容妙趣横生.禁止此消息:nolinkok@163.com
    钢筋网2016-12-31 05:07 回复
1 2 3 4