温馨提示:本文最后更新于2022年11月11日,已超过 30 天没有更新,某些文章具有时效性,若有错误或已失效,请在下方留言!

前言


本文主要讲的是通过使用又拍云CDN进行全站加速,实现动静分离,又拍云对于免费的用户来说非常诱惑,每个月10g存储空间+15g加速流量,相比七牛云还要多5g,这个优惠可以说是非常良心的了,这个免费cdn也同样满足一大部分小型博客。重点是使用国内cdn需要先进行域名备案。

另外讲解一种加速是使用GitHub搭建+Vercle实现静态加速,这个的好处是域名不需要进行备案。使用该方式加速大多数是静态博客,例如Hexo。

下面开始文章的重点讲解,又拍云CDN加速使用教程

又拍云CDN加速


1. 注册账号

先去又拍云官网注册一个账号,注册后可以通过支付宝平台扫码进行验证(超级方便)。新人注册会赠送一个61元的优惠券,产生的加速请求流量会在自动用优惠券扣除。

2. 申请资格

在网站底部 footer.php 处加上又拍云 LOGO,或者文字即可。如果你使用的是Sakurairo主题的话,在设置选项里开启即可。

添加完成后,然后等待审核,最迟一周左右(审核时间这个说不来的)

image-20221206142419801

3. 创建CDN

在又拍云控制台中,选择CDN服务,并创建服务,如图填写即可:

填写完成后,点击创建,等待创建成功。

image-20221206143102469

4. 域名解析

申请通过后,找到服务管理CDN - 配置,复制CNAME地址到服务商DNS解析管理中。

image-20221206143743305

填写完成后,等待5-10分钟解析生效。检测有没有生效可以通过ping 域名查看ip即可。

5. 配置SSL

申请证书也非常简单,可以自行在服务商申请SSL证书然后把key和pem填到又拍云证书管理,也可以在又拍云免费申请SSL证书,这里不再赘述申请步骤。

6. 功能配置

1. 回源管理

配置源站设置,其他保持默认。

源站设置

回源协议建议勾选HTTPS,证书校验可填可不填,源站地址填写服务器地址即可。

image-20221206155455219

2. 缓存控制

缓存配置

如图配置即可。

image-20221206155658754

image-20221206155707917

不缓存规则:

模板           资源路径
自定义         /wp-admin*
自定义         /*.(asp,php,php3,jsp,do,json)
自定义         /wp-login.php
参数跟随

选择全程跟随

参数顺序识别

选择开启

分段缓存

选择开启

image-20221206160256301

3. 性能优化

如图配置即可,智能压缩等级根据自身实际情况选择。

image-20221206160407392

4. HTTPS

HTTPS配置

添加之前申请的证书即可,勾选HTTPS访问。

image-20221206160545573

其他选项

image-20221206160620076

5. 访问控制

根据自身需求是否开启防盗链,主要配置Referer 防盗链 选项,其他默认即可。

6. 成本控制

如图配置即可

image-20221206160808319

到这里所有选项就配置完成了,配置完成后等一会就可以去体验CDN的加速效果了。

Vercel部署


首先是通过GitHub作为博客的载体,为了节省时间,这里就不再细说使用GitHub来搭建博客了,网上也有很多资料教程。下面开始讲解使用vercel进行网站加速教程。

介绍

首先Vercel具有这些优点

Vercel支持多个开发框架(Next.js,create-react-app,Nuxt.js)

Vercel内置的CI / CD系统会在每次代码更改时触发,推送代码后自动部署

支撑一键导入GitHub/Gitlagb仓库和站点

全球CDN加速

GitHub登录Vercel

进入Vercel官网,依次点击 sign up - Continue with GitHub

导入仓库

选择 Import Git Repository 然后点击第一个选项

image-20221206162425928

选择托管在GitHub上的项目,点击Import

如图配置即可,其他保持默认,点击Deploy

image-20221206162800035

项目配置

等待项目部署成功后,点击Continue to Dashboard

找到Settings—Domains选项,添加域名即可

image-20221206164122711

添加完成后会出现需要配置域名解析,根据给出来的内容填写到服务商即可。

image-20221206164312899

配置完成后出现蓝色对勾就表示解析生效了。

最后在GitHub项目部署中取消勾选Enforce HTTPS 即可。

到这里就全部都部署完成了,加速效果肯定是比直接托管在GitHub要快很多的。