在线存储你的仓库

准备好去……

• 将你的项目仓库上线

本教程将使用 GitHub 来存储我们的仓库并连接到网站托管服务。欢迎你使用任何你喜欢的在线 git 提供商。

注意

如果你已经熟悉 git 并有自己的工作流程，那么请用你喜欢的方式为你的项目创建一个新的 GitHub 仓库。然后直接跳到下一页：“将你的网站部署到网络”。

在 GitHub 上创建一个仓库

尽管有几种方法可以将你的本地代码存储在 GitHub 上，但本教程将引导你使用一种不需要在命令行中使用 git 的方法。

1. 在浏览器中登录 GitHub.com，然后点击屏幕右上角的 + 来创建一个新仓库。

2. 为你的仓库选择一个名称。这个名称不必与你的项目文件夹同名。

3. 你将看到一些选项，但你不需要更改任何默认设置。向下滚动并点击 Create Repository（创建仓库）按钮。

4. 你将看到各种设置的后续步骤，但你不需要使用它们。记下你的仓库的 URL。现在你可以直接离开此页面，无需执行任何操作。

将你的本地代码提交到 GitHub

在上一节中，你对页面内容进行了一项更改。这意味着你的项目文件已经发生了变化，VS Code 应该在“源代码管理”菜单图标上显示一个数字。这个源代码管理选项卡是你将来定期更新 GitHub 上文件的地方。

1. 点击 VS Code 中的源代码管理（Source Control）选项卡，查看已更改的文件列表。如果你看到需要安装 git 的消息，请按照提供的说明操作，然后重新加载 VS Code。

2. 点击提交信息上方的 •••（“三个点”）菜单，然后选择 Remote（远程） > Add Remote（添加远程仓库）。

3. 选择 Add remote from GitHub（从 GitHub 添加远程仓库）。如有必要，请按照任何身份验证步骤操作，然后返回 VS Code 并重复此操作。

4. 你应该会看到你在 GitHub 上的所有仓库列表。选择你为此项目创建的那个。如果你没有看到你的项目，请直接粘贴其 GitHub URL。系统可能还会要求你为此仓库指定一个本地名称。你可以选择任何你喜欢的名称。

5. 在菜单窗格的顶部，会有一个地方用来输入提交信息（对文件更改的描述）。输入 initial commit 并按下 Commit（提交）按钮来提交这些更改。

6. 你可能会看到一条消息，告诉你没有“暂存的”提交，并询问你是否要暂存它们。点击 Always（总是）并继续。

7. 最后，已更改文件的列表应该会被一个 Publish（发布）按钮所取代。点击此按钮将你提交的更改发送到 GitHub。

在 GitHub 上查看你的项目

要验证你的项目是否已成功存储在 GitHub 上，请访问 GitHub.com 并在你的账户下查找你的仓库列表。选择你新创建的那个，并验证它是否包含了你的 Astro 项目文件。

清单

• 我已将我的项目存储在 GitHub 上。

相关资源

• 在 VS Code 中使用 Git 源代码管理 外部链接