🇯🇵 日本語 | 🇺🇸 English | 🇪🇸 Español | 🇵🇹 Português | 🇹🇭 ไทย | 🇨🇳 中文

在GitHub上创建第一个仓库!从初始化到推送的完全指南

通过之前的文章,我们完成了GitHub账户的创建和Git的安装,终于可以正式开始活用GitHub了。作为第一步,让我们来创建一个存放代码的“家”——仓库 (Repository)

本文将从“仓库是什么?”这个基本概念开始,详细解释在GitHub上创建仓库的具体步骤,以及将您在电脑(本地环境)上创建的文件首次上传(推送)到GitHub的整个流程,并附上相应的命令。这个流程是未来开发中会反复进行的基本操作,请务必在此掌握!


仓库到底是什么?是您项目的“容器”

仓库 (Repository) 的字面意思是“储藏室”或“保管处”。在编程世界里,您可以把它看作是一个用于统一存放您项目所有相关文件(如HTML, CSS, JavaScript, 图片等)及其完整修改历史(提交日志)的“容器”

仓库大致分为两种:

基本的开发流程是在本地仓库中进行工作,在合适的时机进行保存(提交),然后将这些修改内容上传(推送)到远程仓库,如此循环。


在GitHub上创建远程仓库的步骤

首先,让我们在GitHub上创建一个存放代码的远程仓库。步骤非常简单。

第一步:进入新建仓库页面
登录GitHub后,点击屏幕右上角的“+”图标,或者点击仪表板左侧的“New”按钮。

[图片:GitHub仪表板上的“New”按钮被高亮显示]

第二步:填写仓库信息
页面会跳转到“Create a new repository”,请在此填写必要信息。

[图片:解释“Create a new repository”表单中各项内容]

第三步:创建仓库
全部填写完毕后,点击“Create repository”按钮。这样,您在GitHub上的新远程仓库就创建成功了!

[图片:刚创建好的空仓库主页]


在本地电脑准备项目并连接到GitHub

接下来,让我们在您的电脑(本地)上准备一个项目,并将第一个文件上传到刚才创建的远程仓库吧。

第一步:在本地创建项目文件夹
首先,在您电脑上喜欢的位置创建一个工作文件夹。这里我们使用终端(Windows用户请使用Git Bash)进行操作。

mkdir my-first-repo

进入创建好的文件夹。

cd my-first-repo

第二步:初始化Git仓库
为了让这个文件夹被Git管理,需要执行初始化命令。执行后,文件夹内会生成一个名为`.git`的隐藏文件夹。

git init

第三步:创建要上传的文件
让我们创建一个简单的HTML文件用于测试。

echo "Hello, GitHub!" > index.html

第四步:提交文件(保存)
将创建的文件记录到Git中。首先,使用`git add`将文件选为保存对象(暂存)。

git add index.html

然后,使用`git commit`创建存档点。

git commit -m "添加初始HTML文件"

第五步:连接到远程仓库
将本地仓库与刚才在GitHub上创建的远程仓库关联起来。请前往您在GitHub上的仓库页面,点击“Code”按钮,然后复制SSH地址。

[图片:点击GitHub上的“Code”按钮并复制SSH地址的示意图]

git remote add origin git@github.com:your-username/my-first-repo.git

第六步:推送到GitHub(上传)
终于到了最后一步。将本地创建的提交上传到远程仓库。这个操作被称为“推送 (Push)”。

git push -u origin main

确认:检查文件是否已在GitHub上显示

推送完成后,请在浏览器中刷新您的GitHub仓库页面。您应该能看到刚才创建的`index.html`文件了!点击文件名还可以查看其内容。

[图片:GitHub仓库页面上,文件列表中已添加了index.html的示意图]

恭喜您!至此,您已经掌握了将本地文件上传到GitHub这一最基本且最重要的工作流程。