菜园前端
启航

使用 GitHub 轻松托管和管理代码

本文介绍了如何注册 GitHub 账号、配置 SSH 免密登录、推送本地项目、更新代码、他人如何克隆项目及 GitHub Web 页面解读。

🎯 引言

如果你是前端开发者，或者刚刚开始学习编程，代码管理和协作是必不可少的技能。GitHub 是目前最流行的代码托管平台，它不仅可以让你轻松管理自己的代码，还能方便地与团队成员共享和协作开发。通过本文的学习，你将掌握从注册 GitHub 账号，到配置 SSH 免密登录，再到项目推送更新的全流程操作。无论是个人项目管理，还是团队合作代码托管，都能帮你轻松搞定。

🔐 注册 GitHub 账号并创建远程仓库

  1. 打开 GitHub 官网（https://github.com），点击右上角的 Sign up 注册账号。
  2. 填写用户名、邮箱和密码，完成邮箱验证后，登录你的 GitHub 账户。
  3. 登录后，点击右上角的 “+” 按钮，选择 “New repository” 创建一个新的远程仓库。
  4. 输入仓库名（Repository name），可以选择公开（Public）或私有（Private）。
  5. 可以选择初始化 README 文件，这样仓库创建后会有一个基本的介绍文件。
  6. 点击 “Create repository” 创建成功。
仓库名尽量简短且易懂，方便你和其他人记忆和访问。

🛠️ 配置 GitHub SSH 免密登录

通过 SSH 免密登录可以避免每次操作都输入用户名和密码，提升开发效率。

  1. 检查本地是否已有 SSH 密钥：
ls -al ~/.ssh
  1. 如果没有，可以用以下命令生成新的 SSH 密钥：
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

一直回车即可完成生成，默认保存在 ~/.ssh/id_rsa 和 id_rsa.pub。

  1. 将公钥内容复制到剪贴板：
cat ~/.ssh/id_rsa.pub

复制输出的全部内容。

  1. 登录 GitHub，进入 Settings -> SSH and GPG keys -> New SSH key。
  2. 给密钥命名，粘贴刚刚复制的公钥内容，点击 “Add SSH key”。
  3. 测试 SSH 是否配置成功：
ssh -T git@github.com

出现 “Hi username! You've successfully authenticated” 即表示配置成功。

生成 SSH 密钥时，建议设置密码增加安全性，但也可以不设置。

🚀 将本地项目推送到 GitHub

假设你已经有一个本地项目文件夹，操作步骤如下：

  1. 进入项目根目录：
cd your-project-folder
  1. 初始化 Git 仓库：
git init
  1. 添加所有文件到 Git 版本控制：
git add .
  1. 提交代码：
git commit -m "初始化项目"
  1. 关联远程仓库（替换下面 url 为你的仓库地址）：
git remote add origin git@github.com:your-username/your-repo.git
  1. 推送代码到远程仓库：
git push -u origin master
如果首次推送遇到权限问题，确认 SSH 密钥是否正确配置。

✍️ 修改项目后更新代码到 GitHub

当你对本地项目做了修改，想同步到远程仓库：

  1. 查看当前修改状态：
git status
  1. 添加修改的文件：
git add .
  1. 提交修改，写明本次更新内容：
git commit -m "添加了新的功能"
  1. 推送到远程仓库：
git push

这样远程仓库就会更新，其他协作者也能拉取最新代码。

👥 别人如何 clone 你的项目

别人想要拿到你的项目，步骤很简单：

  1. 打开你的 GitHub 代码仓库页面。
  2. 点击绿色的 “Code” 按钮，复制 SSH 地址或 HTTPS 地址。
  3. 在终端执行：
git clone git@github.com:your-username/your-repo.git

或者

git clone https://github.com/your-username/your-repo.git
  1. 代码就会被下载到本地电脑，方便查看和开发。

🖥️ GitHub Web 页签解读

GitHub 页面有很多功能标签，主要包括：

  • Code：显示项目代码和文件结构。
  • Issues：用于管理项目中的问题、任务和待办事项。
  • Pull requests：用于代码合并申请，方便多人协作。
  • Actions：自动化流程工具，比如自动测试、构建。
  • Projects：项目管理面板，类似看板（Kanban）。
  • Settings：仓库配置和权限管理。

这些功能让你不仅仅是托管代码，更能够高效协作和管理项目。

🧾 小节总结

  1. 注册 GitHub 账号并创建仓库是上线代码的第一步。
  2. 配置 SSH 免密登录能大幅提升代码推送和拉取效率。
  3. 本地项目通过 Git 命令初始化、提交再推送到 GitHub。
  4. 修改代码后用 Git 命令更新远程仓库，保持协同开发。
  5. 他人可以通过 git clone 命令快速获取你的项目代码。
  6. GitHub Web 页面功能丰富，支持代码托管、问题管理和团队协作。

❓ 知识问答（Q&A）

Q：为什么要使用 SSH 免密登录？

A：SSH 免密登录可以避免每次推送或拉取代码时输入用户名和密码，提高开发效率，同时更安全。

Q：Git 和 GitHub 有什么区别？

A：Git 是一个版本控制工具，管理代码的历史和修改；GitHub 是基于 Git 的在线代码托管平台，方便团队协作和代码分享。

Q：我能用 GitHub 做私有项目吗？

A：可以，GitHub 支持免费创建私有仓库，只有被授权的人才能访问。

🧪 小练习

练习 1：注册 GitHub 账号并创建一个新仓库

请根据文中步骤，完成注册并创建一个名为 test-project 的新仓库。

练习 2：将本地项目推送到 GitHub

在本地新建一个文件夹 my-demo，写一个简单的 index.html 文件，完成 Git 初始化并推送到你刚才创建的仓库。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>My Demo</title>
    </head>
    <body>
        <h1>Hello GitHub!</h1>
    </body>
</html>

🎉 恭喜你已经掌握注册 GitHub 账号、配置 SSH 免密登录、推送和更新代码等技能啦！希望你能用 GitHub 高效管理和分享你的代码项目。

Git 分支管理全解析

深入理解 Git 分支管理，从基础概念到实战冲突解决，全面掌握分支操作技巧。

接下来对你进行考核

所有考核题目都是由博主亲自编写，考核内容来源于本门课程。