什么是GitHub？为初学者准备的简易工作原理与用途指南 📝

当您开始学习网页制作时，几乎总会听到“GitHub”这个词。它听起来可能有些复杂，感觉像是黑客在黑色屏幕上敲代码时使用的东西，所以很容易就把它推后了。

但实际上，对于网页开发者来说，GitHub是一个神奇的存档点，也是一个与全世界开发者联系的社交网络，是一个非常强大和方便的工具。一旦学会了，您就无法想象没有GitHub的开发工作了！

本文将用最通俗易懂的语言，从“GitHub是什么？”这个基本问题开始，详细解释具体用法以及初学者容易遇到的问题和注意事项。

首先，“版本控制”到底是什么？

在讨论GitHub之前，我们先来理解一下其核心概念——“版本控制”。这个词听起来可能很难，但它其实是为了解决一个我们都曾经历过的烦恼而设计的机制。

例如，在撰写报告或进行设计时，您是否曾在文件夹里看到过这样一堆文件名？

• design_final.psd
• design_final_v2.psd
• design_final_真的是最终版.psd
• design_final_最新版_2.psd

当您分不清哪个才是真正的最终版，或者想“还是回到昨天的状态吧……”却为时已晚时，版本控制就能防止这种悲剧发生。

版本控制系统会记录文件的所有修改历史，并允许您创建“存档点”。这个存档点被称为“提交 (Commit)”。它就像是您代码的时光机，让您可以随时回到任何一个存档点，或者比较不同时间点的修改内容。

最大的疑问！Git和GitHub有什么区别？

初学者最容易混淆的就是“Git”和“GitHub”之间的区别。虽然它们名字相似，但扮演的角色完全不同。让我们通过一个图示来理解。

  你的电脑（本地环境）                           互联网（远程环境）
+-------------------------+                   +-----------------------------+
|                         |                   |                             |
|   [ Git ]               |  --- push -->     |      [ GitHub ]             |
|   版本控制工具          |                   |      存放Git的地方（服务器）  |
|   (创建存档点)        |  <-- pull ---     |      (与团队共享)           |
|                         |                   |                             |
+-------------------------+                   +-----------------------------+
        

如果用我们熟悉的事物来打比方……

• Git：就像您电脑上安装的“Microsoft Word”软件本身。它是您用来编写、编辑和保存在您电脑上的文档的“工具（软件）”。
• GitHub：就像是“Google Drive”或“Dropbox”。它是您用来在网上存储和分享您用Word创建的文档，并与他人协作编辑的“地方（网络服务）”。

总而言之，只要记住Git是用来进行版本控制的工具，而GitHub是用来存储和分享这些版本记录的地方，那就不会错了。

面向初学者：GitHub的三大具体用途

理论是明白了，但实际上该怎么用呢？为了解答这个问题，我们为初学者介绍了三个应该使用GitHub的具体场景，并提供了相关的基本命令。

1. 安全地存储和管理个人项目（备份与时光机）

这对于管理您自己制作的作品集网站或学习过程中的代码来说是最佳选择。即使您的电脑坏了，只要代码还在GitHub上，数据就是安全的。

首先，在您的电脑上为项目启动版本控制。这个过程被称为“创建本地仓库”。

步骤1：启动版本控制
在您的项目文件夹中，运行此命令以启动Git的监控。可以把它想象成是在宣布：“我要用Git来管理这个地方了！”

git init

步骤2：准备要保存的更改
接下来，选择要包含在存档点中的文件。`.`代表“所有文件和文件夹”。这个过程叫做“暂存 (Staging)”。

git add .

步骤3：创建存档点
用一条消息来保存（提交）已暂存的文件。-m后面的消息最好具体说明“做了什么修改”，这是一个好习惯。

git commit -m "创建第一个版本"

至此，您已经在您的电脑上为项目创建了一个存档点。接下来，您需要将这些数据上传（备份）到GitHub。在GitHub上创建一个“远程仓库”作为存储位置后，执行以下命令。

步骤4：连接本地与远程仓库
将您电脑上的项目与GitHub上的存储位置关联起来。URL是您在GitHub上创建仓库时显示的地址，直接复制粘贴即可。

git remote add origin https://github.com/your-username/your-repository-name.git

步骤5：上传到GitHub
将您在本地电脑上创建的存档点（提交）上传（推送）到GitHub。这样，您的代码才算真正备份到了互联网上。

git push -u origin main

2. 顺畅地进行团队协作（共同开发的基地）

在多人合作开发一个网站时，GitHub能发挥巨大作用。谁、在何时、修改了哪里都一目了然，可以有效防止“不小心覆盖了别人的文件！”这类事故的发生。

步骤1：下载项目
将别人在GitHub上创建的项目完整地复制（克隆）到您的电脑上。团队协作就从这里开始。

git clone https://github.com/someones-username/someones-repository-name.git

步骤2：获取最新状态
在开始工作前，从GitHub上获取（拉取）团队成员更新的最新版本。养成这个习惯可以减少冲突（代码更改的冲突）。

git pull origin main

在团队协作中，“分支 (Branch)”功能非常重要。它就像是主代码的“工作副本”，让您可以在不影响主代码的情况下尝试添加新功能或修复错误。基本流程是，先为自己的工作创建一个分支，完成后再将其合并回主分支。

步骤3：创建新的工作分支
例如，为您要做的“新页眉设计”工作创建一个分支。

git branch feature/header-redesign

步骤4：切换到创建的分支
切换到新的分支，以确保您接下来的工作都会记录在这个分支上。

git checkout feature/header-redesign

之后，您需要修改代码、提交，然后将您的分支推送到GitHub。接着，在GitHub上创建一个“拉取请求 (Pull Request)”，请求团队其他成员审查您的代码。审查通过后，您的更改就会被安全地合并到主代码中。

3. 证明您的技能（发布作品集）

对于网页开发者来说，GitHub个人资料是最好的简历和作品集。您可以向全世界的公司和开发者展示您编写过什么样的代码，为哪些项目做出了贡献（这通常会体现在您的“贡献图”上）。

此外，通过“GitHub Pages”功能，您可以免费将您的仓库作为网站发布。对于仅由HTML/CSS/JavaScript构建的静态网站，您无需签约服务器，就可以通过 `your-username.github.io` 这样的URL向全世界发布您的作品。这是发布个人作品集网站时非常方便的功能。

务必注意！常见的误解与注意事项

最后，介绍一些初学者尤其需要注意的地方。

• “提交了就安全了”是错误的
  git commit仅仅是把更改保存在了您自己的电脑上。要上传到GitHub，必须执行git push。 “我已经提交了，为什么GitHub上没有显示？”——这通常是因为忘记推送了。
• 注意公开范围
  仓库分为“Public（公开）”和“Private（私有）”。学习中的代码或暂时不想公开的项目，应该在私有仓库中管理。（目前，免费账户也可以创建无限个私有仓库）。
• 绝对不要上传敏感信息！
  请务必小心，不要错误地将数据库密码、API密钥等机密信息推送到GitHub。一旦推送到公开仓库，这些信息就会暴露给全世界，有被滥用的风险。

为了防止意外上传此类敏感信息，可以使用一个名为“.gitignore”的文件。写入此文件的文件或文件夹将被Git忽略，不会被包含在提交或推送中。

.gitignore 示例：

# Node.js 依赖文件夹
node_modules/

# 环境变量文件
.env

# 包含密钥的文件
secret_keys.txt

总结：GitHub并不可怕！它是网页开发者的必备工具

GitHub不仅仅是一个存放代码的地方。它是一个强大的平台，可以保护您的创作活动，协助团队协作，并向世界展示您的技能。

一开始您可能会对命令行和各种命令感到困惑，但只要掌握了本文介绍的基本用法，您的开发效率和安全性就会得到飞跃性的提升。就从管理您自己的作品集网站开始，一步步地与GitHub成为朋友吧！