type
status
date
slug
summary
tags
category
icon
password

1. 部署项目到 Vercel

  • 进入 Vercel 官网 vercel.com,并登录你的账户。
  • 点击右上角的 New Project,然后上传到 GitHub 的项目。
  • 点击 DeployVercel 会自动为你配置项目并完成部署。
稍等几分钟后,会看到博客已经被部署到了一个 Vercel 提供的默认域名下(通常是 coustom-project.vercel.app)。

2. 配置自定义域

想要使用自己域名,需要在域名注册商处进行 DNS 配置,此教程域名托管在cloudflare

2.1 添加自定义域名

  • 进入Vercel仪表板,选择你的博客项目。
  • 点击 Settings 标签页,然后选择 Domains
  • 输入你购买的自定义域名(如 coustom.com),点击 Add

2.2 DNS 配置

  • DNSRecords里添加以下两条记录:
    • A 记录:指向 Vercel 的 IP 地址 76.76.21.21
    • CNAME 记录(仅用于子域名,如 www.coustom.com):指向 cname.vercel-dns.com.
  • 保存修改后,等待 DNS 生效,通常需要几分钟到几小时不等。
此时没有配置Cloudflare优选IP,在国内访问刚刚配置的 www.coustom.com 会很慢。

3. CloudFlare+SaaS回源优选IP

通过CloudFlare+SaaS回源优选IP加速访问Vercel项目。

3.1 什么是SaaS回源?

SaaS回源主要分为两个部分:
  1. 自定义主机名 (Custom Hostnames)
      • 你可以设置一个自定义主机名,来作为你的访问域名。
  1. 回源 (Origin Server)
      • 当用户请求特定的主机名(如客户自己的域名)时,请求会被转发到SaaS提供商的原始服务器(或称为回源服务器)。

3.2 具体配置

具体步骤,需要两个域名:
  • 主域名:cactusli.net
  • 辅助域名:cloudsix.eu.org
两个域名都是托管CF上的。
cloudsix.eu.org 域名下,找到 SSL/TLS 加密密模式调整为:完整(严格)
notion image
 
随后点击 自定义主机名 ,添加回退源(cloudsix.eu.org)和自定义主机名(cactusli.net)。
notion image
 
验证域名所有权 ,这里我们需要验证我们域名的所有权和证书验证,去到你自定义域名的DNS解析面板添加这两个TXT解析。
notion image
复制上图TXT,按照骤添加TXT解析。
notion image
 
添加好之后稍等片刻,等待CF服务器去验证,在辅助域名(cloudsix.eu.org)的管里面面板中看到如下图所示内容,表示自定义主机名(cactusli.net)解析成功。
notion image
 
设置优选域名或IP,添加辅助域名cnd.cloudsix.eu.org, CNAMEspeed.marisalnc.com并关闭小黄云,操作步骤如下图。
notion image
 
notion image
 
随后回到主域名(cactusli.net)控制面板,找到DNS添加CNAME到刚刚在辅助域名DNS 记录中添加二级域名cdn.cloudsix.eu.org
notion image
 
到此所有内容都配置完成,这里是以部署在 vercel 项目加速为例子的,此时在浏览器访问主域名(cactusli.net)如图并没有访问到部署在 vercel的项目。
notion image
 
这是因为在 vercel中配置域名(Domains)时,我们只配置了cloudsix.eu.org域名,这就导致了我们在访问主域名cactusli.net时找不到路径,解决方案是把主域名cactusli.net也配置到vercelDomains里。
notion image
 
再次访问 cactusli.net 就能访问到自己部署在vercel中的项目了,因为在这里利用了 SaaS回源优选IP,所以可以感觉到访问速度变得比之前快多了。
notion image
 
还有个问题,在访问 www.cactusli.net 会出现范围不到项目的问题,解决此问题需要在 cloudsix.eu.org下自定义主机里添加上 www.cactusli.net,然后再按照之前在主域名(cactusli.net)解析TXT的步骤进行配置解析。
notion image
 
notion image
 
最后在vercelDomains里添加上www.cactusli.net 就能正常访问项目了。
notion image
 
 
Github+Cloudflare搭建图床手把手教你用Vercel免费部署RSSHub
Loading...