现在的位置:首页>网站SEO>正文

给网站加速之七牛免费CDN使用教程

2013年07月16日 ⁄ 共 3384字 评论 9 条

之所以要讲七牛免费CDN,是因为之前部落一直使用的免费CDN工具是谷歌PageSpeed提供的免费CDN,效果还是很不错的,基本上页面响应时间都在1秒以内,ping值为40到80之间,无奈天朝的网络有限制,除了某些网络无法打开以外,前几天甚至自已的电信也出信无法访问的情况,于是毅然决然地放弃了.

而七牛免费CDN提供存储空间10GB,每月下载流量10GB,每月PUT/DELETE 10万次请求,每月GET 100万次请求。如此大的空间和流量,对付我这样的小网站完全足够。这里要更正一下一些网络上的传言,那就是七牛免费CDN不是提供三个月的免费使用期,七牛独创的分布式上传下载全网加速架构,辅以遍布全球的500多个加速节点,配合独有的断点续传机制,覆盖电信、联通、移动、教育网各大网络提供商,使得企业数据可以随时随地被访问。相较传统CDN,数据访问速度瞬间提升50%。来看看具体的操作。

一.注册

首先我们要注册一个七牛云存储的帐户,注册地址是:由此直达

二.新建空间

1.完成注册后,我们首先要做的是在七牛云存储的网站中新建一个空间,如下图:

给网站加速之七牛免费CDN使用教程

2.点击上图中的"新建空间",会弹出一个对话框,这时您输您的空间名字,如下图:

给网站加速之七牛免费CDN使用教程

点击提交按钮,完成新空间的创建.

三.获得二级域名

这时我们就能进入空间设置页面了,点击右上角的"空间设置"菜单",就能在左侧的"域名绑定"子菜单下获得属于自已的二级域名,该二级域名的前缀就是您的空间名称,如下图:

给网站加速之七牛免费CDN使用教程

PS:现在绑定域名的话,需要充值10元才能操作,而且需要是备案过的域名.

四.设置镜像站点

完成上面的工作后,接下来我们还要设置自已的镜像站点,点击上图中的"镜像存储"菜单,您就可以添加一个镜像站点,例如部落已经添加好自已的站点,如下图:

给网站加速之七牛免费CDN使用教程

五.绑定的二级域名

再接下来,我们要做的工作就是在自已的博客上绑定七牛提供的二级域名了,进入你的网站的这个地址:http://www.mfbuluo.com/wp-admin/options.php,记得修改成您自已的域名,在upload_url_path 这个路径修改为七牛提供的二级域名,例如部落的就是http://mfbuluo.qiniudn.com 这个链接地址了,如下图:

给网站加速之七牛免费CDN使用教程

网上找到的教程里很多强调后面的"/"不能有,我没试过.

另外,还有一个方法,那就是在当前主题的 functions.php 文件中,加入以下代码实现替换功能:

  1. if ( !is_admin() ) {
  2.     add_action('wp_loaded','c7sky_ob_start');
  3.     function c7sky_ob_start() {
  4.         ob_start('c7sky_qiniu_cdn_replace');
  5.     }
  6.     function c7sky_qiniu_cdn_replace($html) {
  7.         return str_replace('[这里填写博客路径]', '[这里填写七牛空间路径]', $html);
  8.     }
  9. }

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

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

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

  1. //修改自七牛镜像存储 WordPress 插件   from www.mfbuluo.com
  2. function c7sky_qiniu_cdn_replace($html){
  3.     $local_host = 'http://www.mfbuluo.com'; //博客域名
  4.     $qiniu_host = 'http://mfbuluo.u.qiniudn.com'; //七牛域名
  5.     $cdn_exts   = 'js|css|png|jpg|jpeg|gif|ico'; //扩展名(使用|分隔)
  6.     $cdn_dirs   = 'wp-content|wp-includes'; //目录(使用|分隔) 
  7.     $cdn_dirs   = str_replace('-', '\-', $cdn_dirs);
  8.     if ($cdn_dirs) {
  9.         $regex  =  '/' . str_replace('/', '\/', $local_host) . '\/((' . $cdn_dirs . ')\/[^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
  10.         $html =  preg_replace($regex, $qiniu_host . '/$1$4', $html);
  11.     } else {
  12.         $regex  = '/' . str_replace('/', '\/', $local_host) . '\/([^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
  13.         $html =  preg_replace($regex$qiniu_host . '/$1$3', $html);
  14.     }
  15.     return $html;
  16. }

这里需要提示一下,这个方法不包括加速远程图片或刷新缓存等.

通过WP Super Cache 实现七牛免费CDN加速

进入WP Super Cache插件设置页面,点击CDN标签,然后我们在在Off-site URL输入你的自定义域名或者七牛提供的二级域名:

qiniu8

输入url的时候注意要带 http://

五.确认是否开通成功

很简单,输入七牛提供给您的二级域名,如果链接地址能打开,则说明您的网站使用七牛免费已经成功!

还有一个方法,那就是使用牛人我爱水煮鱼提供的插件,链接地址为:由此直达,插件的使用更简单,水煮鱼也提供了相应的教程。

至于效果,免费部落在使用以后,网站加载速度的确要快很多,响应时间基本在0.6秒以内,当然,在首次浏览网站时,因为还没有生成镱像文件,所以速度不会快。只是我的主题在使用时,很多图片都已经变形,所以暂停了七牛免费CDN,因此非常抱歉,这里不能再提供相应的图片。

还有要注意的是,您的网站要能后成静态化的.html文件才能实现加速,否则是无法使用的。

七牛云镜像加速,避免网站降权

默认情况下七牛给我们提供了二级域名使用,但是遇到过被360杀毒软件误报为危险网站的情况,原因可能是因为绝大部分用户都是使用的七牛二级域名造成过于泛滥,建议在七牛空间绑定自己的二级域名,如上面所说,需要域名备案好的.不然不能使用.

比较重要的一个步骤,此方法由V7V3提供,通过UserAgent来屏蔽七牛镜像爬虫对网页文件的抓取,也是一个比较合理的处理方案,将下面的代码添加到网站的根目录的index.php文件或者添加到主题目录的functions.php文件中.

  1. ifstrpos($_SERVER['HTTP_USER_AGENT'],'qiniu-imgstg-spider') !== false) {
  2. header('HTTP/1.1 503 Service Temporarily Unavailable');
  3. echo '防七牛镜像';
  4. exit;
  5. }

另外,如果您的wordpress使用了WP Super Cache插件的小伙伴请将七牛的ua加入到禁止缓存列表中,设置->WP Super Cache->高级->找到已拒绝的用户代理(User Agent)->添加qiniu-imgstg-spider,如下图:

给网站加速之七牛免费CDN使用教程

去删除一下七牛的缓存,然后再次访问的时候就会返回503,说明已经成功.

小结

七牛免费CDN到目前为止,还是有很多朋友在使用的,说明确实很不错,不过动态资源的加速,好像目前还是不支持.另外,文章中提到的很多注意事项,需要引起我们的重视.

评论 9 条 评论内容很精采,有内幕,而且绝对有干货

  1. 智享互联 2013年07月23日 18:07  @回复  Δ-49楼 回复

    感觉太难不敢尝试


  2. 管理员
    管理员 2013年07月23日 18:10  @回复  Δ-48楼 回复

    一点也不难啊,您只要按上面的方法操作,就能让您的网站中的图片实现加速,当然,也可以使用插件!全站加速的话,推荐使用两个插件配合使用!

  3. 风啸 2013年07月28日 15:01  @回复  Δ-47楼 回复

    已经在/wp-admin/options.php这里添加了七牛提供的二级域名,但是用自己的顶级域名访问,会获得加速效果吗?


    • 管理员
      管理员 2013年07月28日 16:33  @回复  ∇地下1层 回复

      这样只会对图片加速,要想全站加速,可以配合缓存插件一起使用!

  4. Dave 2016年02月24日 17:30  @回复  Δ-46楼 回复

    cloudflare网站不是英文的吗? 怎么成中文的了。 设置不是有A/name/…等等的设置吗? 怎么没看到呀???

  5. 肉球 2016年06月20日 11:40  @回复  Δ-45楼 回复

    网站是能够打开,但是就是不现实图片,悲剧,能怎么破?

  6. 肉球 2016年06月20日 11:40  @回复  Δ-44楼 回复

    网站能够打开,但是就是不显示图片,多么痛的领悟,果断关闭了。


    • 管理员
      管理员 2016年06月20日 11:42  @回复  ∇地下1层 回复

      应该是路径没有设置好,自己检查一下程序里调用的路径.

  7. cheluntan.net 2016年10月27日 11:56  @回复  Δ-43楼 回复

    云端车论坛无需注册同样享有发帖和回帖权利。云端车论坛 发帖积股权 获利大家分

给我留言