tags
Vercel
type
Post
status
Published
slug
vercel-domain
date
Feb 17, 2022
summary
Vercel 借助cloudFlare可以快速绑定解析自己的域名
category
软件工具
icon
password

准备一个域名

首先购买自己的域名,可以选择NamesiloFreenomGodaddy等平台。并在域名服务商后台添加一条CNAME转发进行解析即可。
freenom可以购买到免费的域名,可以尝试一下。
 

Vercel控制台配置

  • 在Vercel控制面板中找到SettingDomainsAdd,输入域名
notion image
  • Add之后,如果看到下图中的提示(Invalid Configuration)👇,说明要是这个域名解析生效,需要在你的域名商管理后台配置对应的Cname解析。
notion image

配置CNAME解析

以下分多个平台举例,点击展开:
CloudFlare (首选推荐)
CF具有Worker.js、全球无限CDN流量、网站防火墙、DDoS等特性,我个人比较喜欢将域名解析交给CloudFlare管理 。
这里主要用CF举例,打开CloudFlare打开域名控制台 https://dash.cloudflare.com
  • 如果你的域名没有绑定过任何一条A记录,则添加一条域名A记录指向Vercel服务器地址76.76.21.21
    • notion image
  • 根据需要添加你的一条CNAME记录,值指向Vercel的CNAME服务器:cname-china.vercel-dns.com ;(例如我这里用的是二级域名 hexo.tangly1024.com
    • notion image
      notion image
  • 这里需要在ssl/tls配配置开启https加密
    • notion image
腾讯云托管域名
https://console.dnspod.cn/dns/list 点击域名进行配置,添加一条CNAME 转发
notion image
notion image
阿里云托管域名
打开控制台 https://dc.console.aliyun.com/#/domain-list/all 域名列表,点击域名,并添加一条cname转发
notion image
Freenom 购买的域名
建议将域名的Nameservers 托管给 CloudFlare,然后在CloudFlare中设置
notion image
 

完成

如果域名服务配置正常,Vercel的卡片会变成如图的样子:
notion image
接下来就可以通过设置的域名(如 https://hexo.tangly1024.com )访问我们的网站了
 

关于根域名的配置

以上举例使用的是二级域名,如果你想像我一样使用 https://tangly1024.com 这样的根域名,配置参考如下:

Vercel后台

直接添加根域名后,vercel会提示需要添加一条@记录指向vercel的服务器 76.21.21.21
notion image

域名管理后台

直接将根域名 解析到 vercel的服务器地址即可 : 76.76.21.21
notion image

完成效果

 
notion image
 
 

Vercel域名在国内被墙

vercel.app因为被大量使用,自然而然被墙掉了,不过好在 Vercel 官方提供了单独的 IP 和 CNAME 地址给大家,对于国内的用户来说,配置一下单独的解析,依然可以享受 Vercel 提供的服务。
将上述步骤中用到的 ip和 cname地址替换成以下内容即可:
A记录地址:76.223.126.8876.76.21.98
CNAME 记录地址:cname-china.vercel-dns.com
 

扩展阅读 A记录和CNAME的区别

A记录就是把一个域名解析到一个IP地址(Address,特指数字IP地址);
CNAME记录就是把域名解析到另外一个域名。
其功能差不多,CNAME将几个主机名指向一个别名,其实跟指向IP地址是一样的,因为这个别名也要做一个A记录的。
 
 
装修笔记 | 装修流程VSCode插件 | 快速翻译/重命名变量-驼峰翻译助手

  • Waline
  • Valine
  • Giscus
  • Cusdis