1 • 搭建并部署你的第一个 Astro 网站
创建在线代码仓库
准备好…
- 将你的项目存储在线上
本教程将使用 GitHub 来存储我们的仓库并连接到 Web 主机。你也可以选择其他的在线 git 提供商。
在 GitHub 上创建一个仓库
标题部分 在 GitHub 上创建一个仓库尽管有几种方法可以将你的本地代码存储在 GitHub 中,但本教程将指导你完成一种不需要在命令行中使用 git 的方法。
-
在浏览器中登录 GitHub.com,点击屏幕右上角的 + 新建一个代码仓库(Repository)。
-
为你的仓库起一个名称。不必与你的项目文件夹同名。
-
你将看到一些选项,但无需更改任何默认设置。向下滚动并单击按钮以 Create Repository(创建仓库)。
-
你将看到各种后续的选项步骤,但你不需要更改其中的任何一个。记下仓库的地址
URL
。现在可以不执行任何操作然后退出页面。
将本地代码提交到 GitHub
标题部分 将本地代码提交到 GitHub在上一节中,你对页面内容进行了更改。这意味着你的项目文件已更改,VS Code 应在 “源” 菜单 Source Control
图标顶部显示一个数字。这个源选项卡是你定期去更新 GitHub 上的文件的地方。
-
单击 VS Code 中的 “源代码管理” 选项卡
Source Control
以查看已更改文件的列表。如果你看到需要安装git
的消息,请按照提供的说明进行操作,然后重新加载 VS Code。 -
单击提交消息上方的 ••• “3个点” 的菜单并选择 Remote > Add Remote。
-
选择 Add remote from GitHub。如有必要,请执行任何身份验证步骤,然后返回 VS Code 并重复此操作。
-
你应该在 GitHub 上看到所有仓库的列表。选择你为此项目创建的那个。如果你没有看到你的项目,请直接粘贴其 GitHub URL。你可能还会被要求为该仓库指定一个本地名称。可以选择任何你喜欢的名称。
-
在菜单窗格的顶部,将有一个地方可以输入提交消息
commit message
(你的文件更改的描述)。输入initial commit
并按 Commit 按钮提交这些更改。 -
你可能会看到一条消息,告诉你没有 “staged” 提交,并询问你是否要暂存它们。单击 Always(总是)并继续。
-
最后,更改文件列表应替换为 Publish 按钮。单击此按钮将你提交的更改发送到 GitHub。
在 GitHub 上查看你的项目
标题部分 在 GitHub 上查看你的项目要验证你的项目是否已成功存储在 GitHub 上,请访问 GitHub.com 并在你的帐户下查看你的仓库列表。选择你创建的新文件,并确认它包含你的 Astro 项目文件。