作为一名开发者或企业主，你可能在 Vercel 上托管了多个项目，但不一定希望为每个项目都购买一个新域名。幸运的是，只需一个从 Namecheap 购买的域名，你就可以创建子域名来托管不同的 Vercel 项目——这可以节省你的时间和金钱。

在这篇文章中，我将一步步教你如何使用Namecheap和Vercel这两个平台设置子域名，这样你就可以创建一个主域作为项目的主干，并为每个子域名创建分支。接下来让我们看看如何高效地管理和设置这些子域名。

要开始的话，我们需要在域名Namecheap中设置DNS，将子域名指向Vercel。

• 访问 Namecheap 控制面板 并在其中选择您要操作的域名。比如我们会使用 ailocal.com.au。

• 进入域名管理页面时，点击或选择“高级DNS”标签页。

要将子域链接到 Vercel，我们将会添加 CNAME 记录。

• 添加 CNAME 记录，点击 “添加新记录”。
• 主机名：这是你的子域名名称。例如，local-business 或 resume-generator。
• 值：输入 Vercel 提供的 CNAME 值：cname.vercel-dns.com。
• TTL：TTL 可以保持默认的自动设置。

示例配置:

对于子域名 local-business.ailocal.com.au：

• 类型：CNAME
• 主机名：local-business
• 值：cname.vercel-dns.com
• TTL：自动

对于子域 resume-generator.ailocal.com.au，这里指的是：

• 类型 : CNAME
• 主机名 : resume-generator
• 别名 : cname.vercel-dns.com
• TTL : 自动更新 (时间戳)

添加了 CNAME 记录后，点击 保存变更。Namecheap 可能需要几分钟时间来更新这些 DNS 变更。

现在你已经在Namecheap设置了子域名，接下来我们就可以把这些子域名和你的Vercel项目关联起来了。

• 前往 Vercel 并打开 local-business 这样的子域名项目。

• 导航到设置 > 域名。
• 点击添加域名，并输入子域名（例如，local-business.ailocal.com.au）。
• Vercel 将自动从 Namecheap 获取 DNS 配置信息。

对于您想要设置的每个子域（例如 resume-generator.ailocal.com.au），请按照相同的步骤，将其链接到其对应的 Vercel 项目。

如果你想让ailocal.com.au作为一个中心或目录，让用户可以轻松访问子域名，你可以创建一个简单的首页。

• 此项目将托管根域名 ailocal.com.au，并作为您所有子域名的“主树”。首页可以链接到每个子网站，例如：

• local-business.ailocal.com.au

• resume-generator.ailocal.com.au

• 将 ailocal.com.au 添加为该项目的自定义域名，按照 步骤 2 中的说明操作。

现在，当访客访问 ailocal.com.au 时，他们就能看到你设置的子域列表，可以通过这些子域访问特定的项目。

使用子域是一种聪明的方式来组织和管理多个项目的方法，而无需购买多个域名。这里有几个好处：

• 性价比高：可以仅在一个域名下管理多个项目，而无需购买额外的资源。
• 清晰的网站结构：子域名有助于创建清晰的层级结构，使用户更容易找到他们需要的网站部分。
• 品牌一致性：保持所有内容在同一个主域名下有助于维持品牌一致性。

在 Namecheap 和 Vercel 上使用子域名来管理多个项目不仅高效，而且设置简单。通过遵循这些简单步骤如下，您可以确保所有项目都在同一个域名下，每个项目都有自己的专用子域名。这有助于保持您的基础设施井井有条，从而省去了为每个项目购买新域名的麻烦。

如果你因为域名限制问题而犹豫要不要再多做些项目，现在可以利用子域名来充分发挥你现有域名的潜力了。祝你的项目顺利进行。

Ryan Dhungel [优达米德讲师]

🚀 嘿！开始你的写代码路，和朋友一起踏上编程之旅！

🌐 进入网络开发的精彩世界，就像和朋友一起编码一样有趣！

我在 Udemy 上的这些全栈 web 开发课程、React、Next.js、Node.js、以及 MongoDB 和 JavaScript 课程是为了成为你在这段精彩的旅程中的伙伴。

体验动手实践的实用学习，直接应用到实际项目中。让我们把你的编程梦想成真！

👉 看看我的Udemy课程