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