✨ 更新日志
🚀 安装部署
✒ 写作指引
🛠 站点配置
📊 网站统计
⭐ 主题配置
📩 评论插件
🧷 外部插件
🔊 站点订阅
⌨ 开发指引
👨👦👦 联系方式
🤝 购买服务
Vercel绑定自定义域名
category
tags
type
status
slug
date
password
Last edited time
May 29, 2024 04:54 AM
summary
icon
为什么要绑定自定义域名?
vercel默认提供的域名 *.vercel.app 由于滥用已被大陆屏蔽(DNS污染),如果需要在国内能访问到您的站点,请绑定一个新的域名即可
准备一个域名
首先购买自己的域名,您可以选择以下渠道进行购买:
另外您还可以选择从以下平台获取到免费的域名:
- eu.org (eu.org是欧盟组织的免费域名;需要英国的用户信息才能注册;)
Freenom(目前已逐步停止域名服务)
首推Namesilo
我早先在腾讯云购买的域名,但奈何无耻的价格套路,最后选择迁入Namesilo。
套路指那些首年极其便宜,但次年续费很贵的。如 Godaddy,首年 $0.99,次年续费要 102 元人民币,而且隐私保护还需要额外再加 60 元。
NameSilo优点:
- 价格便宜稳定,无套路
Namesilo 域名本身价格就比较便宜,COM 域名 $8.99/年,除了一个一美元优惠码,基本没有其他大幅度促销活动,域名续费和首年购买价格一致。
Namesilo 价格表:Domain Pricing
填入我的优惠码 tangly1024 可以享受 1$的 优惠。![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F34066f41-e1bc-4ad5-b36e-d3ad84cb5106%2FUntitled.png?table=block&id=38e0ed5c-7866-4db3-b85e-a6ac37f795eb&t=38e0ed5c-7866-4db3-b85e-a6ac37f795eb&width=1792&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F34066f41-e1bc-4ad5-b36e-d3ad84cb5106%2FUntitled.png?table=block&id=38e0ed5c-7866-4db3-b85e-a6ac37f795eb&t=38e0ed5c-7866-4db3-b85e-a6ac37f795eb&width=1792&cache=v2)
- 永久免费的隐私保护
Namesilo 提供永久免费的域名隐私保护,防止别人通过 WHOIS 查询获取域名所有者的个人注册信息。作为对比,Godaddy 的隐私保护是 60 元/年,Namecheap 则是免费提供第一年。
- 安全性高
支持账户登陆二次验证和 Domain Defender,保护账户和域名安全。登陆、解锁域名等,都可以设置邮件或短信提醒。
- 支付方便
支持支付宝、Paypal、信用卡等多种方式付款。
Vercel控制台配置
- 在Vercel控制面板中找到
Setting
→Domains
→Add
,在这里可以指定当前项目的绑定域名,一个项目可以绑定多个域名。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbe0eead0-1ee4-446c-99c5-9cd410753da7%2FUntitled.png?table=block&id=7be4a76b-f21f-4ccd-a169-d12fdbf288d2&t=7be4a76b-f21f-4ccd-a169-d12fdbf288d2&width=336&cache=v2)
- 输入域名,并Add之后,如果看到下图中的提示(Invalid Configuration)👇, 说明域名已经添加,但需要根据提示添加CNAME或Nameserver的方式激活它,图中所示是要在域名后台添加一条CNAME类型的解析,参数名
hexo
,值为cname.vercel-dns.com
。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F87992b9b-8d90-4ee0-b202-e78aba10d4aa%2FUntitled.png?table=block&id=c1127ef1-efdf-4f98-8197-655f1a2f0a34&t=c1127ef1-efdf-4f98-8197-655f1a2f0a34&width=384&cache=v2)
这里推荐使用CNAME绑定。请按文档后续步骤配置对应的Cname解析。
配置CNAME解析
以下分多个平台举例,配置方法大同小异,只是入口不太一样,我这里主要讲CloudFlare的配置方法
其它服务商的解析CNAME方法,可以参考![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F70e659d8-4ec1-4842-abb8-a404aa3193c0%2FUntitled.png?table=block&id=32899fb6-afd6-4c1a-b3e9-310556d0a9f2&t=32899fb6-afd6-4c1a-b3e9-310556d0a9f2&width=1675&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9ad8a730-b6c8-44fc-932f-d881824df059%2FUntitled.png?table=block&id=65782096-ecd8-4ae6-9c36-7062b77fe701&t=65782096-ecd8-4ae6-9c36-7062b77fe701&width=2348&cache=v2)
腾讯云托管域名
阿里云托管域名
打开控制台 https://dc.console.aliyun.com/#/domain-list/all 域名列表,点击域名,并添加一条cname转发
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F70e659d8-4ec1-4842-abb8-a404aa3193c0%2FUntitled.png?table=block&id=32899fb6-afd6-4c1a-b3e9-310556d0a9f2&t=32899fb6-afd6-4c1a-b3e9-310556d0a9f2&width=1675&cache=v2)
Freenom 购买的域名
建议将域名的Nameservers 托管给 CloudFlare,然后在CloudFlare中设置
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9ad8a730-b6c8-44fc-932f-d881824df059%2FUntitled.png?table=block&id=65782096-ecd8-4ae6-9c36-7062b77fe701&t=65782096-ecd8-4ae6-9c36-7062b77fe701&width=2348&cache=v2)
CloudFlare 解析 (推荐)
CloudFlare具有Worker.js、全球免费CDN、SSL证书,网站DDoS防火墙等特性,我个人习惯将域名解析交给CloudFlare管理 。
基本上所有域名服务商购买的域名,都可以通过配置Nameserver的方式,交给CloudFlare托管。如何将namesilo购买的域名放在cloudflare中托管?可参考《NameSilo配置Cloudflare域名解析教程》。
- 打开CloudFlare控制台 https://dash.cloudflare.com,并找到您的域名
- 若您的域名没有解析任何服务器(即没有添加过任何一条A记录),需要添加一条域名A记录指向Vercel服务器地址
76.76.21.21
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1895f722-0256-4b45-ab4d-13cbe42dd9bd%2FUntitled.png?table=block&id=006ce6a7-c268-4ebc-9564-37cff7aaeaf3&t=006ce6a7-c268-4ebc-9564-37cff7aaeaf3&width=576&cache=v2)
- 按Vercel提示,添加一条CNAME记录值为Vercel的CNAME服务器:
cname-china.vercel-dns.com
;(vercel默认推荐cname.vercel-dns.com
,但这个cname在大陆访问比较慢)
下图是我的配置,这里用的是二级域名 hexo.tangly1024.com
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc62c2a2f-e28b-4b91-9c81-fd3361a0e27a%2FUntitled.png?table=block&id=ee8c6938-1789-4408-9199-ec971d438830&t=ee8c6938-1789-4408-9199-ec971d438830&width=576&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F95831505-6425-40f3-a2a8-fb2e2bbba49e%2FUntitled.png?table=block&id=1c57d04d-5c3a-45c8-b84c-b9337091ce8c&t=1c57d04d-5c3a-45c8-b84c-b9337091ce8c&width=576&cache=v2)
- 添加成功后,还需要在ssl/tls配配置开启https完全加密 , 否则会因为证书不匹配导致反复重定向而打不开网页。
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F6c096b44-beb9-48ee-8f92-1efdde47f3a3%2F1793f92f-dc15-4dbb-9e3b-b4f64e05a34a%2FUntitled.png?table=block&id=f8ca9eac-b326-4dfe-941b-d315555eb66a&t=f8ca9eac-b326-4dfe-941b-d315555eb66a&width=576&cache=v2)
如果没有开启SSL完全加密,网站会打开失败
![反复重定向,无法打开页面](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F6c096b44-beb9-48ee-8f92-1efdde47f3a3%2Fd0c3094c-51ff-4825-b65f-41260dc5ae4a%2FUntitled.png?table=block&id=e7977693-b911-46ba-a73a-76b40c8a01e3&t=e7977693-b911-46ba-a73a-76b40c8a01e3&width=576&cache=v2)
完成
如果域名服务配置正常,Vercel的卡片会变成如图的样子:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffedf17d5-f205-46c4-a06e-bba238b2233e%2FUntitled.png?table=block&id=9d4e7ce0-1b11-4b9d-8db8-4da3ab748cf0&t=9d4e7ce0-1b11-4b9d-8db8-4da3ab748cf0&width=480&cache=v2)
接下来就可以通过设置的域名(如 https://hexo.tangly1024.com )访问我们的网站了
关于根域名的配置
以上举例使用的是二级域名,如果你想像我一样使用 https://tangly1024.com 这样的根域名,配置参考如下:
Vercel后台
直接添加根域名后,vercel会提示需要添加一条@记录指向vercel的服务器 76.76.21.21
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F64f3ec92-0b8b-4400-8583-dfaedc541c86%2FUntitled.png?table=block&id=283f6eaa-09d1-4180-a2c4-e3df5ff816d5&t=283f6eaa-09d1-4180-a2c4-e3df5ff816d5&width=528&cache=v2)
域名管理后台
直接将根域名 解析到 vercel的服务器地址即可 : 76.76.21.21
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F434d3ad6-8848-4fc9-b95a-a77420978c64%2FUntitled.png?table=block&id=e5886869-ce9d-4443-a261-d21f4e528d0e&t=e5886869-ce9d-4443-a261-d21f4e528d0e&width=2062&cache=v2)
添加根域名的时候,vercel会提示选择以下三种方案,针对个人博客而言,为了让域名简洁,我推荐选择第一种方案, 将www开头的二级域名也重定向到根域名tangly1024.com。
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F6c096b44-beb9-48ee-8f92-1efdde47f3a3%2Ff892e7b5-fed9-44ad-93ba-6fa0493ab574%2FUntitled.png?table=block&id=4c587b77-a62e-4736-ab4d-6a26a3144521&t=4c587b77-a62e-4736-ab4d-6a26a3144521&width=528&cache=v2)
完成效果
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F223967aa-26c2-422f-b019-fc95de3767d5%2FUntitled.png?table=block&id=b04cd5ed-f0b8-4fdd-a7a1-7189d546a00b&t=b04cd5ed-f0b8-4fdd-a7a1-7189d546a00b&width=1914&cache=v2)
Vercel域名在国内被墙
vercel.app因为被大量使用,自然而然被墙掉了,不过好在 Vercel 官方提供了单独的 IP 和 CNAME 地址给大家,对于国内的用户来说,配置一下单独的解析,依然可以享受 Vercel 提供的服务。
将上述步骤中用到的 ip和 cname地址替换成以下内容即可:
A记录地址:
76.223.126.88
或 76.76.21.98
等CNAME 记录地址:
cname-china.vercel-dns.com
A记录和CNAME的区别
A记录就是把一个域名解析到一个IP地址(Address,特指数字IP地址);
CNAME记录就是把域名解析到另外一个域名。
其功能差不多,CNAME将几个主机名指向一个别名,其实跟指向IP地址是一样的,因为这个别名也要做一个A记录的。
Loading...
Last update: 2022-02-17