使用CDN加速你的博客 | 沐雨浥尘

使用CDN加速你的博客

上一篇如何在GitHub、GitLab、Gitee、Coding上部署Hexo折腾了一番后发现,GitLab的访问速度还是不尽人意,而最近(2019.04)GitHub反而更好了,coding也挺快了,但由于在博客中会有一些短视频打开速度超级慢(出于某些原因,不想放B站),所以又折腾了CDN加速…

首先需要一个已备案域名

关于CDN

CDN(Content Delivery Network)内容发布网络,基本思路就是将你网站放置在各地节点服务器,用户访问时找最近的节点服务器获取数据,达到加速的目的。具体就不解释了,我也是不专业的,有兴趣自行谷歌。

国内提供CDN加速的大厂有很多,阿里云腾讯云、百度云、七牛云等等,我只试了腾讯云与七牛云,其他可以自行测试。

  • 腾讯云:每月10GB免费流量包,新用户前6个月每月赠送50GB
  • 七牛云:每月10GB免费流量包【CDN-HTTP】

对于个人网站来说应该绰绰有余

实际使用下来,腾讯云太不稳定了…最终用的七牛云

用七牛云CDN加速你的博客

先看效果,祖国大好河山一片绿。没加速之前是GitLab,最近这段时间GitLab确实不行啊,GitHub反而好很多。

  1. 注册七牛云(不介意的话,用一下我的邀请链接)
  2. 添加融合CDN
    • 域名类型:普通域名
    • 加速域名:www.zydarchen.top
    • 通信协议:HTTPS,然后点击SSL 证书管理,上传自有证书(不知道怎么获取的看一下上篇
    • 源站配置:源站域名——zydarchen.gitlab.io(填写GitHub Pages/GitLab Pages/Coding Pages域名)
    • 域名防盗链可以打开,其他的默认即可
    • 创建
  3. 成功创建之后得到一个CNAME,将其添加到你域名的默认解析中,并暂停原有的默认解析。这里我国外解析还是没变,国外选路到GitHub Pages,国内默认到七牛云CDN

  4. 由于在七牛云上已经做了一次SSL证书认证,需要把原有的证书认证暂停或者删除(这里被坑了好久)
    记录类型:TXT
    主机记录:_dnsauth
    记录值:201902180000005****lif
  5. 等待域名解析生效即可,看一下效果,起飞

  6. 最后需要注意一点,由于CDN的存在,可能导致更新文章之后网站没有实时更新,这个时候在七牛云上刷新一下缓存即可

用七牛云对象存储做图床

其实我一开始折腾的目的是图床的…
图床的作用就不废话了,可以看这篇Hexo-Next搭建个人博客(使用图床)
我是因为博客中有些小视频,不想放B站,直接放博客上又打开特别慢

  1. 新建存储空间
  2. 测试域名只能用30天,所以还是要绑定自己的域名
    • 加速域名:pic.zydarchen.top
    • 源站配置:七牛云存储
    • 其他跟之前的配置差不多
  3. 在内容管理页面上传图片/视频,其他配置没啥特殊的,稍微过一眼都能看懂,图片样式、转码样式啥的看个人喜好,支持免费自动水印挺好的
  4. 将博客中的图片链接替换成七牛云上的图片外链即可
  5. 写博客的时候推荐用图床工具PicGoiPic

2019.05.07更新

之前没看清楚,原来七牛云的免费额度是【CDN-HTTP】,也就是你的博客使用HTTPS协议的话是享受不到这个免费额度的,具体费用在这个页面

>>> 融合CDN价格详情

整理一下几大厂商的CDN方案

资费介绍页面 免费额度 是否支持HTTPS 额外限制 注册邀请链接
七牛云 10GB/月 按量付费支持 / >>> 点击注册
腾讯云 10GB/月 免费支持 加了腾讯云CDN没有感觉多大加速 /
百度云 10GB/天 年费付费支持 巨贵… /
又拍云 15GB/月 免费支持 加入又拍云联盟,并在网站底部放置logo >>> 点击注册
Buy me a cup of coffee