将你的网站部署到网络

准备好去……

• 将你的 GitHub 仓库添加为新的 Netlify 应用
• 将你的 Astro 网站部署到网络

在这里，你将把你的 GitHub 仓库连接到 Netlify。每当你提交代码更改时，Netlify 都会使用该项目来构建和部署你的网站到线上。

我们将使用……

本教程将使用 Netlify，但你也可以使用你喜欢的任何托管服务将你的网站部署到互联网上。

创建一个新的 Netlify 站点

1. 如果你还没有 Netlify 帐户，请注册一个免费帐户。

   记下你的用户名。你将在 https://app.netlify.com/teams/username 查看你的仪表盘和你创建的任何站点。

2. 点击 Add new site > Import an existing project。

   系统会要求你连接到一个 Git 提供商。选择 GitHub 并按照屏幕上的步骤验证你的 GitHub 帐户。然后，从提供的列表中选择你的 Astro 项目的 GitHub 仓库。

3. 在最后一步，Netlify 将显示你的应用的站点设置。对于你的 Astro 项目，默认设置应该是正确的，所以你可以向下滚动并点击 Deploy site。

恭喜，你拥有了一个 Astro 网站！

更改你的项目名称

在 Netlify 的站点概览页面上，你将看到随机生成的项目名称，以及格式为 https://project-name-123456.netlify.app 的网站 URL。你可以将项目名称更改为更易记的名称，这会自动更新你的 URL。

访问你的新网站

点击你站点设置中的 URL，或在浏览器窗口中输入它来查看你的新网站。

知识测验

你想要更新你现有网站的首页。你会采取什么步骤？

1. 我打开一个终端，运行 create astro，然后访问我的 Netlify URL。

2. 我在我的 Netlify 应用中更改一个设置，然后在 astro.new 上启动一个新的 Astro 项目。

3. 我编辑 index.astro 文件。我提交并推送我的更改到 GitHub。Netlify 会处理剩下的事情！

提交

清单

• 我可以在线查看我更新后的网站。
• 我准备好回去写代码了！

相关资源

• 在 Netlify 上部署的分步指南 外部链接