如何用Netlify在一个子域上托管一个Git仓库

414 阅读2分钟

假设你把你的作品集,比如www.glynlewington.com,托管在Netlify上,并想把你的项目添加到同一个域名上。他们都是独立的git仓库,而Netlify是为单一仓库提供托管服务的......但不要害怕!我们可以将他们托管在子域名上,如project.glynlewington.com,只需一个简单的步骤。我们可以把它们托管在子域名上,比如project.glynlewington.com,只需要做一点工作。

Netlify让你在他们那里免费托管你的静态网站变得超级简单。我最近把我的作品集从VPS搬到了他们那里,他们在你每次推送到你的git仓库时自动更新你的网站,这很好。

在过去,我把我所有的个人项目也托管在子目录上,例如:www.glynlewington.com/project。这在N…

我想到的折中办法是把它们放在子域名上,比如project.glynlewington.com。这也没有很好的记录,但这是可行的:

  • www.netlify.com,登录或注册。
  • 选择 "从git新建网站"。
  • 选择你的提供者(例如GitHub)--你可能需要在这里进行认证。
  • 选择你想创建网站的git仓库。
  • 选择你要部署的分支。
  • 选择任何需要运行的命令。-如果这是一个React应用,你将需要运行一个构建命令。
  • 选择你要发布的目录。它将包含诸如index.html等文件。-如果它是一个React应用,这可能是构建文件夹。
  • 选择 "构建网站"。

在这一点上,你应该有一个正常运行的应用程序托管在Netlify的免费域名上,如hungry-bose-fb0e6d.netlfiy.com。如果这还不行,请检查构建过程中是否有错误,如果有的话,请修复这些错误。

现在来设置一个自定义域名:

  • 进入你在Netlify上的应用概述。
  • 它将显示你的网站已经成功部署,你可以设置一个自定义域名。
  • 点击设置自定义域名,键入你想要的域名,包括子域名,然后点击验证。例如:project.glynlewington.com。

接下来,登录到你的域名托管提供商。我使用Cloudflare,但使用其他的也会相同或类似:

  • 转到DNS设置。
  • 选择一个新的CNAME记录。
  • 输入一个 "名称"--这就是子域,它应该是你之前在Netlify上选择的那个。例如:项目
  • 在 "IPv4地址 "下输入你的Netlify网站的免费域名。例如:hungry-bose-fb0e6d.netlify.com。
  • 如果你也在使用Cloudflare,请关闭通过Cloudflare的流量路由。这会扰乱 Netlify。
  • 添加记录。

完成了!一旦你完成了这些,你就可以在子域上访问你的网站。

Netlify 也会自动为你的网站添加 https 安全,不需要担心这个。