猿创征文|hexo博客访问速度优化:vercel+又拍云CDN

1 篇文章 0 订阅
1 篇文章 0 订阅

hexo博客访问速度优化:vercel+又拍云CDN

前言

  • 为了追求博客访问速度,还是决定把博客挂上又拍云CDN,之前已经申请了又拍云联盟,每个月送15GB的CDN流量,关键还是HTTPS的。对于我这个小博客来说每个月完全够用😂

  • 我的静态博客使用的是vercle+GitHub双线部署,本篇也是 verce l+ 又拍云优化教程

  • 本人blog:https://www.vipyubai.top

  • 使用本教程得成功部署静态博客到vercel、已经备案的域名

  • coding部署教程:coding+又拍云csdn+腾讯云

又拍云

  1. 注册又拍云: 点我注册

  2. 在网站底部footer处加上又拍云LOGO。

    • 主题配置文件------>footer标签------>custom_text: 后面加入如下代码( # 若你魔改过页脚根据自己的代码修改)

      <div>
      	<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral">本网站由
      		<img src="img/又拍云_logo2.png" width="45px" />提供CDN加速/云存储服务</a>
       </div>
      
    • ​ 说明:img src 的路径是放你自己又拍云logo的路径

  3. 加入又拍云联盟:https://www.upyun.com/league 点击申请

  4. 然后等待审核,大概一周左右

创建cdn服务

  • 在又拍云进行如下操作
    • 源站地址若你使用的是coding那么就建议
    • 注意:加速域名填全称如:www.vipyubai.top,忘记截上图了

image-20220827155002397

  • 记住又拍云提供的CNAME地址,完成后面章节的设置在去解析域名

image-20220827165418531

vercle的设置

域名解析我都是以腾讯云为例,望周知

  • 删除vercle在域名服务商的A记录类型开头的真实ip解析(PS:你暂停掉也可以)

    • 暂停解析说明:

      这种情况解析是暴露真实IP地址的,其他人只要ping一下就知道你真实IP,然后就可以干一些坏事

  • 修改 Vercle 在域名服务商的CNAME值

    • vercle在国内域名解析问题
      • 因为地域的问题,需要修改Vercel的记录值为Vercel国内,并修改主机记录,使其成为二级域名

    image-20220827210112012

修改为如下:
	记录值:cname-china.vercel-dns.com
	主机记录: 我的习惯是修改成一个字母,这个字母随意 (字母.后面的域名就是你的二级域名)
  • 在vercl 处添加你刚才修改的二级域名

    image-20220827211333057

github的设置

同样,github上也要取消强制HTTPS

image-20220827155932752

SSL证书申请与解析

SSL证书申请

  • 先申请证书,又拍云ssl证书申请

    • 申请证书注意事项:

      ​ 关于域名不要填写简域名,写全称如:www.vipyubai.top

    • 申请步骤如下(中间步骤就注意域名填写即可,其它没啥):

image-20220827211808397

  • 申请完成后去域名商解析ssl证书,又拍云提供的有格式,按照格式添加即可,添加解析后,等待10几分钟,就可以完成证书颁发

    如下图:

    image-20220827212337341

证书解析说明

  • 根据又拍云 提供的格式进行对应解析即可,按照如图步骤即可查看你自己对应的CNAME解析的格式

    image-20220827212504599

  • 稍微等几分钟就申请好了,申请成功会显示已经颁发

又拍云CDN配置

  • 配置ssl 证书,并开启https访问,还是在https配置里面开启,步骤如下图所示:image-20220827162126518

image-20220827212852102

  • 回源host

    • 将你的二级域名添加到这个里面即可

    image-20220827213200195

  • 优化配置

    • 开启 Gzip 和 Brotli,压缩级别调到3

    • 开启页面压缩

    • HTTP 302 调度

    • 开启TLS1.3,最低建议TLSv1.1

    • 开启 HTTP/2 + Server Push

    • WebP 自适应

    • 开启源站资源迁移cc

防护配置

为防止恶意攻击,建议在又拍云访问控制,开启ip限制和cc防护

  • IP访问控制

    image-20220827164416686

  • cc防护

    image-20220827164555613

验证CDN加速成功

  1. 打开 DOS命令窗口 (快捷键: win+r)

  2. 在命令窗口 ping 自己的域名

    image-20220827165717662

  3. 然后就可以用你的 www.你的域名 访问

使用简域名访问

完成以上的步骤后,达到了博客访问速度的优化,但是还是有一个缺点就是无法使用简域名访问如:vipyubai.top是无法访问的

  • 解决办法:解析跳转(PS:根据自己的域名服务商,百度某某域名显性跳转等关键字即可)
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员余白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值