跳到主要内容

域名配置

什么是域名

你的网站部署在 Vercel 上,默认域名是 your-project.vercel.app。能用是能用,但如果你真的要做一个正经产品,还是得有个自己的域名。

域名就是用户在浏览器里输入的地址,比如 google.comgithub.com。有了自己的域名,你的产品才像个正经产品,而不是一个"demo"。

而且,自己的域名对 SEO 有好处。搜索引擎会把 .vercel.app 这种免费子域名视为临时项目,排名权重天然比独立域名低。

另外还有一个现实的好处:品牌信任度。用户看到一个独立域名的产品,天然会觉得更靠谱。chatgpt.comchatgpt.vercel.app 给人的感觉完全不一样,对吧?

域名起名技巧

好域名稀缺,但有几个方法可以帮你找到不错的域名。

从产品功能出发。 你的产品是做什么的?把核心功能的关键词列出来,然后各种组合。比如做一个 AI 翻译工具,可以试试 transai.comai-translate.comfanyi.ai 等。

用 AI 起名。 直接告诉 ChatGPT 或 Claude:「我的产品是 xxx,帮我起 20 个域名,要求简短、好记、有品牌感」。AI 起的名字不一定能用,但能给你很多灵感。

造新词。 很多成功的品牌用的都是造出来的词:Google、Spotify、Notion、Figma。你可以把两个词拼在一起,或者取某个词的变体。比如 Code + Spark = CodesparkWrite + ly = Writey

查域名是否可用。 在 Cloudflare 或 Namecheap 的搜索框里输入你想要的域名,它会告诉你是否被注册了,还会推荐类似的可用域名。

别纠结太久。 域名重要,但没有你想的那么重要。产品本身比域名重要一万倍。选一个还行的,先用起来。后面做大了再换也来得及——虽然有 SEO 损失,但总比一直纠结不发布强。

一些实用的小技巧:

  • 短一点。 能短就短,最好不超过 15 个字符。用户要能记住、能正确拼写
  • 避免连字符和数字。 my-tool.com 不如 mytool.com,用户很容易忘记那个横杠。数字也容易搞混,到底是 2 还是 two
  • 查社交媒体。 域名买到了,但 Twitter、GitHub 上的同名账号被占了?提前查一下,尽量保持品牌一致性
  • 选好后缀。 .com 最通用,.app.dev.ai 也不错。.ai 后缀最近很火,做 AI 产品用 .ai 后缀天然带信任感

域名注册商对比

买到域名的地方叫"域名注册商",下面是最主流的几家:

注册商.com 年费(约)免费 WHOIS 隐私CDN/SSL适合谁
Cloudflare Registrar$10✅ 自带✅ 自带最推荐,价格透明无加价
Namecheap$10(首年常促销 $6)✅ 免费一年❌ 需另配新手友好,界面好用
GoDaddy$15-20❌ 需付费❌ 需另配不推荐,续费贵、套路多
阿里云(万网)¥65(首年)面向国内市场、需要备案
腾讯云¥65(首年)国内市场,和腾讯生态配合好
Google Domains(已迁至 Squarespace)$12❌ 需另配界面简洁,和 Google 生态配合

我的建议:

  • 做海外市场 → Cloudflare Registrar,没有之一。价格最低,自带 CDN 和 SSL,一站式搞定
  • 做国内市场 → 阿里云,因为后续备案流程在阿里云最顺畅
  • 想省事 → 选哪家都行,域名买了之后随时可以转移到其他注册商(但要等 60 天解锁期)

WHOIS 隐私保护

买域名的时候有个容易忽略的事情:WHOIS 隐私

WHOIS 是一个公开的域名信息查询系统。任何人查你的域名,都能看到注册人的姓名、邮箱、电话、地址——除非你开启了 WHOIS 隐私保护。

开启后,这些信息会被替换成注册商的代理信息,你的个人隐私就保护住了。Cloudflare 和 Namecheap 默认免费提供这个功能。GoDaddy 要额外收费,又一个不推荐它的理由。

一定要开。 不开的话,你的邮箱会收到各种垃圾邮件,推销建站服务、SEO 优化之类的。

A 记录 vs CNAME 记录

域名买到手了,接下来怎么让它指向你的 Vercel 项目?你需要了解两种最基本的 DNS 记录。

A 记录

A 记录的作用是:把域名直接指向一个 IP 地址

就像你告诉朋友:「我家住在 XX 路 XX 号」,直接给了一个精确地址。

比如 Vercel 会让你添加一条 A 记录:

类型: A
名称: @ (@ 表示根域名,比如 yourdomain.com)
值: 76.76.21.21 (这是 Vercel 的 IP 地址)
TTL: 自动

CNAME 记录

CNAME 记录的作用是:把一个域名指向另一个域名

就像你告诉朋友:「你去问小张,他知道我家在哪」,是一个间接的指向。

比如 Vercel 会让你为 www 子域名添加一条 CNAME:

类型: CNAME
名称: www (表示 www.yourdomain.com)
值: cname.vercel-dns.com
TTL: 自动

什么时候用哪个?

场景用什么示例
根域名(yourdomain.com)指向 IPA 记录yourdomain.com76.76.21.21
子域名指向另一个域名CNAME 记录www.yourdomain.comcname.vercel-dns.com
子域名指向另一项服务CNAME 记录api.yourdomain.comapi-service.com

为什么根域名不能用 CNAME? 因为 DNS 协议的技术限制,根域名的 CNAME 会和其他记录(比如 MX 邮件记录)冲突。所以根域名必须用 A 记录指向 IP 地址。不过 Cloudflare 提供了一种叫 "CNAME Flattening" 的技术,可以绕过这个限制,这也是推荐用 Cloudflare 的原因之一。

把域名接到 Vercel(手把手教程)

好,理论讲完了,来看具体操作步骤。

第一步:在 Vercel 添加域名

  1. 登录 vercel.com,进入你的项目
  2. 点击左侧 SettingsDomains
  3. 在输入框里输入你的域名,比如 yourdomain.com
  4. Add 按钮
  5. Vercel 会显示需要配置的 DNS 记录,先把这页面截图或者记下来

📸 截图说明:Vercel 的 Domains 页面会显示两条记录要求——一条 A 记录指向 76.76.21.21,一条 CNAME 记录把 www 指向 cname.vercel-dns.com。页面底部会显示验证状态。

第二步:去注册商配置 DNS

以 Cloudflare 为例:

  1. 登录 cloudflare.com,进入你的域名
  2. 点击左侧 DNSRecords
  3. Add record,添加 A 记录:
    • Type: A
    • Name: @
    • IPv4 address: 76.76.21.21
    • Proxy status: DNS only(灰色云朵,不要开橙色代理)
    • Save
  4. 再点 Add record,添加 CNAME 记录:
    • Type: CNAME
    • Name: www
    • Target: cname.vercel-dns.com
    • Proxy status: DNS only
    • Save

📸 截图说明:Cloudflare 的 DNS Records 页面是一个表格,每一行显示一条 DNS 记录。添加完后,你应该能看到两条新记录:一行 A 记录和一行 CNAME 记录。

第三步:等待生效

回到 Vercel 的 Domains 页面,等几分钟,页面会自动刷新显示验证状态。如果一切正常,你会看到绿色的 ✅ 对勾。

常见问题:

  • 一直显示 Pending? DNS 传播可能需要几分钟到 48 小时不等,一般 10 分钟内就会好。如果超过 1 小时还没好,检查一下记录有没有填错
  • 显示 "Invalid Configuration"? 大概率是记录值填错了,回去仔细核对
  • Cloudflare 要不要开代理? 不要!Vercel 自己有 CDN,再套一层 Cloudflare 代理可能会导致问题。保持 DNS only 模式

SSL 证书:那个安全锁

你有没有注意到,现在很多网站地址栏前面有一个小锁头🔒?那个表示网站用了 HTTPS 加密。

HTTP vs HTTPS

  • HTTP:数据明文传输。你在网站上输入的密码、个人信息,都可能被中间人截获
  • HTTPS:数据加密传输。即使被截获,看到的也是一堆乱码

现在所有主流浏览器都会对 HTTP 网站显示"不安全"警告,Chrome 甚至会直接弹红色警告页。所以 HTTPS 不是可选项,是必选项。

SSL 证书是什么

HTTPS 依赖的就是 SSL/TLS 证书。它有两个作用:

  1. 加密通信:确保你和服务器之间的数据不会被窃听
  2. 身份验证:确保你访问的确实是目标网站,而不是钓鱼网站

以前搞 SSL 证书很麻烦,要花钱买(一年几百到几千不等)、手动安装到服务器上、证书过期了还要手动续期。Let's Encrypt 出来之后免费了,但还是要自己配置。

现在完全不用操心了。 Vercel 和 Cloudflare 都会自动帮你申请和续期 SSL 证书,你不需要做任何事情。域名接好之后,等一会儿,Vercel 会自动为你的域名配置 SSL。

如果浏览器显示"不安全",大概率是:

  1. DNS 还没生效——等一会儿
  2. DNS 记录配错了——回去检查
  3. 浏览器缓存了旧状态——强制刷新(Ctrl+Shift+R)

子域名的用法

除了 www.yourdomain.com,你还可以创建各种子域名,用来组织不同的服务:

子域名用途示例
www主站www.yourdomain.com
api后端 APIapi.yourdomain.com
docs文档站docs.yourdomain.com
blog博客blog.yourdomain.com
appWeb 应用app.yourdomain.com
staging测试环境staging.yourdomain.com
cdn静态资源cdn.yourdomain.com
status状态页status.yourdomain.com

在 Vercel 里,每个子域名可以指向不同的项目。比如你的主站部署在一个 Vercel 项目,API 部署在另一个,文档站又是一个——通过子域名就能把它们组织在同一个品牌下。

添加子域名的方式和添加主域名一样:在 Vercel 项目 Settings → Domains 里输入 api.yourdomain.com,然后去 DNS 管理页面添加一条 CNAME 记录,把 api 指向 cname.vercel-dns.com

域名转移

如果你想把域名从一个注册商转到另一个(比如从 GoDaddy 转到 Cloudflare),过程如下:

  1. 在原注册商那里解锁域名,获取转移授权码(Auth Code)
  2. 在新注册商那里发起转入,输入授权码
  3. 确认转移邮件
  4. 等待转移完成(一般 5-7 天)

注意:新注册的域名要等 60 天后才能转移,这是 ICANN 的规定。

转移完成后,DNS 记录需要重新配置。建议在转移前把现有的 DNS 记录截图保存,转移后按照截图重新添加。

本章小结

域名配置看起来步骤多,但核心就三件事:

  1. 买一个域名(推荐 Cloudflare Registrar)
  2. 配置 DNS 记录(一条 A 记录 + 一条 CNAME)
  3. 等 Vercel 自动配置 SSL

搞定这三步,你的产品就有了一个专业的域名和安全的 HTTPS 访问。整个过程花不了多少时间,但对产品的专业度提升是巨大的。