给前端博客加了WP Super Cache + 七牛镜像存储实现CDN加速

话说我的这个小博客真的经不起折腾。之前已经给博客添加了一个缓存插件,叫做:Quick Cache,网络上这个插件的评价还是挺高的。最近使用的时候会出现负载很大,也不知道是空间有问题还是什么。

于是决定更换缓存插件为wp super cache,顺便注册了七牛云存储。网络上介绍这个CDN加速的是来自我爱水煮鱼的一篇文章。

下面将介绍一下具体使用过程。

第一步:注册七牛云存储

注册填写具体信息之后,你会收到一份邮件,点击验证,完善具体信息,就可以登陆了。

第二步:登陆设置

首先是创建一个空间,建议用英文名字,然后选择你的空间,然后点击 空间设置 > 域名绑定,输入自定义的域名,或者直接使用七牛提供的域名。

第三步: 点击 镜像存储 菜单,点击一键加速按钮:
七牛-镜像存储

第四步:在这里输入你的网站,比如我的qdkfweb.cn

到这里我们就完成了七牛加速的过程了。接下来就是修改wp super cache的cdn设置了。

第五步:登陆 WordPress 后台,点击 设置 > WP Super Cache,选择 CDN Tab,在 off-site url 里面输入前面第一步获取的 url(注意要带 http://),如果你的 WordPress 安装子目录,这里还要带上子目录,并且实际测试下,其他设置如下图:

设置加速域名

然后就完成了。你这时候打开博客首页也许是什么都没有加载的,没关系,这是cdn在刚下载,稍等片刻,刷新之后就能了,查看一下源码,发现地址是不是都变成了七牛的加速地址了。

关于在 WP Super Cache 中使用七牛云存储就介绍这么多,需要强调的是七牛是有免费套餐的,每个月 10G 流量,总空间 10GB,而且七牛的服务空间也是很便宜的,如果流量超出了,再购买也是不贵的。所以你可以来先体验下七牛加速之后的博客速度, 点击这里申请七牛账户


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流