🌐 如何在子域名上托管我的项目

我喜欢将我的项目托管在子域名上，并将主网站专注于作为我作品集的门户。以下是我使用Netlify和Porkbun实现的方法。

什么是子域名？

子域是较大域的一部分；唯一不是子域的域是根域。

📐示例：

root domain: www.mainSite.com

subdomain: someUrl.mainSite.com

为什么要在子域名上托管项目？

1. 不会使主站点的 repo 变得臃肿。
2. 它更加灵活，因此我的项目可以采用不同的技术堆栈。

步骤

主站点

设置

1. 创建个人网站。
2. 在 GitHub 上为其创建一个 repo。
3. 将其推送至 repo。

部署

1. 在 Netlify 上，我为我的主站点选择了 repo 和 master 分支。
2. 成功构建和部署后，我有一个指向我部署的项目的 someWeirdString.netlify.com。
3. 我会将其重命名为更简单的名称，例如myPortfolio.netlify.com
4. 如果我在 Porkbun 上还没有自定义 URL，我会设置一个。
5. 指定我的自定义 URL，例如www.myPortfolio.com。

DNS 设置

1. 登录 Porkbun 并选择我的自定义 URL 详细信息。
2. 在记录中，我更新了回答我的 Netlify 子域的 ALIAS 记录，即myPortfolio.netlify.com。

它看起来应该是这样的：

1. 传播之后，我继续下一步并提供 SSL 证书。

添加子域

一旦我的主站点启动并运行，www.myPortfolio.com开始工作，我将从另一个 repo 设置另一个项目，可以在 找到project.myPortfolio.com。

1. 就像前面的第一步一样，我将项目添加到 Netlify 并进行构建和部署。
2. 我将把 Netlify 子域更新为project.netlify.com。
3. 然后我回到 Porkbun 并添加另一个 CNAME 记录www.myPortfolio.com，它看起来像这样：

就是这样！现在，每当我访问 project.myPortfolio.com 时，我都会进入我的项目，每次项目主分支更新时，它都会自动部署。

❗ 不要忘记添加一个紧急出口，比如导航图标，让用户回到主站点和/或进入另一个项目……这只是好的用户体验。

如果您觉得这很有价值，请发表评论并在Dev.to @chiangs和Twitter @chiangse上关注我，🍻欢呼！