加速访问vercel项目
1. 部署项目到 Vercel
- 进入 Vercel 官网 vercel.com,并登录你的账户。
- 点击右上角的
New Project
,然后上传到 GitHub 的项目。 - 点击
Deploy
,Vercel
会自动为你配置项目并完成部署。
稍等几分钟后,会看到博客已经被部署到了一个 Vercel 提供的默认域名下(通常是 coustom-project.vercel.app)。
2. 配置自定义域
想要使用自己域名,需要在域名注册商处进行 DNS 配置,此教程域名托管在cloudflare
。
2.1 添加自定义域名
- 进入
Vercel
仪表板,选择你的博客项目。 - 点击
Settings
标签页,然后选择Domains
。 - 输入你购买的自定义域名(如
coustom.com
),点击Add
。
2.2 DNS 配置
- 登录cloudflare网站,找到
DNS
设置。 - 在
DNS
下Records
里添加以下两条记录:- A 记录:指向 Vercel 的 IP 地址
76.76.21.21
。 - CNAME 记录(仅用于子域名,如
www.coustom.com
):指向cname.vercel-dns.com.
。
- A 记录:指向 Vercel 的 IP 地址
- 保存修改后,等待 DNS 生效,通常需要几分钟到几小时不等。
此时没有配置Cloudflare优选IP,在国内访问刚刚配置的 www.coustom.com
会很慢。
3. CloudFlare+SaaS回源优选IP
通过CloudFlare+SaaS回源优选IP加速访问Vercel项目。
3.1 什么是SaaS回源?
SaaS回源主要分为两个部分:
- 自定义主机名 (Custom Hostnames)
- 你可以设置一个自定义主机名,来作为你的访问域名。
- 回源 (Origin Server)
- 当用户请求特定的主机名(如客户自己的域名)时,请求会被转发到SaaS提供商的原始服务器(或称为回源服务器)。
3.2 具体配置
具体步骤,需要两个域名:
- 主域名:cactusli.net
- 辅助域名:cloudsix.eu.org
两个域名都是托管CF上的。
在 cloudsix.eu.org
域名下,找到 SSL/TLS 加密密模式调整为:完整(严格)

随后点击 自定义主机名
,添加回退源(cloudsix.eu.org
)和自定义主机名(cactusli.net
)。

验证域名所有权 ,这里我们需要验证我们域名的所有权和证书验证,去到你自定义域名的DNS解析面板添加这两个TXT解析。

复制上图TXT,按照骤添加TXT解析。

添加好之后稍等片刻,等待CF服务器去验证,在辅助域名(cloudsix.eu.org)的管里面面板中看到如下图所示内容,表示自定义主机名(cactusli.net)解析成功。

设置优选域名或IP,添加辅助域名cnd.cloudsix.eu.org
, CNAME到speed.marisalnc.com
并关闭小黄云
,操作步骤如下图。


随后回到主域名(cactusli.net)控制面板,找到DNS添加CNAME到刚刚在辅助域名DNS 记录中添加二级域名cdn.cloudsix.eu.org
。

到此所有内容都配置完成,这里是以部署在 vercel
项目加速为例子的,此时在浏览器访问主域名(cactusli.net)如图并没有访问到部署在 vercel
的项目。

这是因为在 vercel
中配置域名(Domains)时,我们只配置了cloudsix.eu.org域名,这就导致了我们在访问主域名cactusli.net
时找不到路径,解决方案是把主域名cactusli.net
也配置到vercel
中Domains
里。

再次访问 cactusli.net 就能访问到自己部署在vercel
中的项目了,因为在这里利用了 SaaS回源优选IP,所以可以感觉到访问速度变得比之前快多了。

还有个问题,在访问 www.cactusli.net 会出现范围不到项目的问题,解决此问题需要在 cloudsix.eu.org
下自定义主机里添加上 www.cactusli.net,然后再按照之前在主域名(cactusli.net)解析TXT的步骤进行配置解析。


最后在vercel
中Domains
里添加上www.cactusli.net 就能正常访问项目了。
