Github 新手入门教程（一）：网页端

最新推荐文章于 2024-06-20 21:25:30 发布
最新推荐文章于 2024-06-20 21:25:30 发布
阅读量1.5k 收藏 18
点赞数 2
分类专栏： 语言&工具 文章标签： github git 经验分享 程序人生
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013178964/article/details/108019918
版权

目录

打算将 Github 作为未来科研工作中的代码阵地，进行版本管理，并搭建 Github 托管的个人博客记录自己读过的一些文献和算法等。所以根据自己学习的过程，开辟了一个 Github 使用教程系列博客，本篇介绍 Github (网页端) 最基本的一些操作，非常适合小白！
后面的文章还会介绍 Github (桌面版) 的使用，协同工作以及如何搭建 Github 托管的个人博客等方法，敬请期待 o(￣▽￣)ブ

新建仓库

  1. 登录 GitHub 官网，创建/登录个人账户
  2. 点击图中 + 下拉菜单中的 New repository

图1 创建仓库

图1 创建仓库

  1. 进入创建仓库的界面，图中红色框部分可根据自己的实际情况进行设置，蓝色框可先默认设置None，设置完仓库的基本信息之后点击Create repository。

图2 仓库信息设置页面

图2 仓库信息设置

Success！如下图3所示 o(￣︶￣)o

在这里插入图片描述

图3 成功完成仓库新建

创建分支

分支是一种在某个存储库内不同版本下进行工作的方式。

新建完仓库之后，默认情况下会生成图3中红色框高亮出来的master分支，该分支被默认为主分支。

您可新建其他分支来修改并测试代码，这些分支为主分支的副本（Copy），所以其内部的各种操作不影响主分支，只有将其成功提交合并到master主分支上，主分支才会受到影响，就像一个沙盒将您的工作区和成品区分隔开！

分支的工作流程如下图4所示。
在这里插入图片描述

图4 分支工作流程
  1. 选定工作仓库如刚新建的Navigation algorithm。
  2. 点击文件列表顶部图3红色框显示分支：master下拉列表。
  3. 在新的分支文本框中输入分支名称，点击Create branch或者直接按键盘Enter。

    图5 新建分支
图5 新建分支

提交修改

上步中新建的分支NewBranch是master主分支的副本，在该副本分支进行工作，保存的更改成为commits。每一个提交都有一个关联的提交消息，该消息说明了进行更改的原因，且存储了更改的历史记录，这样方便其他的合作者可以了解您所作的工作及原因。

这里以NewBranch分支中README.md文件为例进行编辑和提交来介绍此步骤。

  1. 点击README.md文件。
  2. 点击需要编辑的文件视图右上角的铅笔图标（图3右下方红色框高亮）。
  3. 在编辑器中进行相应的修改。
  4. 填写您所作修改的提交消息信息，包括修改的名称以及原因等等。
  5. 点击Commit changes按钮。
    图6 修改并提交工作
图6 修改并提交工作

提交的更改只作用于选定分支的文件上进行，这里是NewBranch分支中的README.md文件，而对于主分支master没有任何作用。

拉取请求

拉取请求（pull requests）是Github协作的核心。当您创建请求时，您是在提出更改，请求合作者检查并提取您的贡献将其合并到主分支中。拉取请求显示了主分支和工作分支内容的差异。

两分支内容差异：
增加的内容——绿色
减少的内容——红色

提交后即使在代码完成之前也可以打开请求并开始讨论。
通过在请求消息中使用Github的@系统，您可以要求特定人员或者团队提供反馈。您甚至可以在自己的仓库中打开拉取请求，然后自己合并它们。这是在从事大型项目之前学习Github流程的好方法。

  1. 点击Pull requests选项卡，在该页面中点击绿色New pull requests按钮。如图7所示。

    图7 拉取请求
图7 拉取请求

  1. 在示例比较框中，选择要比较的分支，这里选择base为master，compare为NewBranch，表示将NewBranch的内容合并到master中去。点击绿色按钮Create pull request。如图8，其中红色部分是相比于master中删除的部分内容，绿色是增加的内容。

图8 比较分支并创建拉取请求

图8 比较分支并创建拉取请求

  1. 给您的请求添加一个标题，并简述您所做的更改。根据需要，若是最终修改版可选择点击Create pull request，若是本次为草稿未来还需再修改请选择点击Create draft pull request（这里的请求将不会被合并直到该修改为最终版为止）。
    图9 填写请求信息
图9 填写请求信息

提示：您可以在信息描述中使用表情符号和拖拽图片和GIF（如图9，添加了jpg和gif），然后再拉取请求。

Success！如下图10所示 o(￣▽￣)o

图10 成功完成拉取请求

图10 成功完成拉取请求

合并请求

本步骤实现将工作分支NewBranch中对README.md所做的修改合并到主分支master中。

  1. 下拉绿色按钮Merge pull request，根据需要进行选择点击。
  2. 点击Confirm merge，将修改合并到master中。
  3. 当NewBranch的编辑工作全部完成后，可删除分支点击Delete branch按钮，如图12。

PS：可在图11中箭头处填写相关意见进行讨论，并点击绿色按钮Comment。

Merge pull request 的三种方式 (可点击查看详情)
Create a merge commit ：它是最完整的一种合并方式。这种方式合并时不仅保留了所有的提交版本，还保留了所有的修改轨迹。
Squash and merge ：这种方式是最不完整的合并方式，既不保留历史版本，也不保留修改轨迹。这种方式的好处是对于纯文字编辑者在修改错别字、病句等非关键性语句时，为简洁方便，推送时可以直接忽略版本和轨迹。
Rebase and merge : 这种方式是前两者的中间值，它保留了提交版本，却不保留各版本的修改轨迹。

图11 合并请求

图11 合并请求

Success！如下图12所示 o(￣︶￣)o
图12 成功完成合并请求

图12 成功完成合并请求

图12中的蓝色框Revert按钮是可以拉取一个新的请求来恢复这些修改

历史版本的删除与还原

这里的历史版本主要是指除了主分支master之外您新建的其他分支。

  • 删除
    方法1：见合并请求的第3步。
    方法2：选中仓库的Code选项卡，找到branches，在新页面中点击垃圾桶的图标，如图13所示。

    图13 删除历史版本分支
图13 删除历史版本分支

  • 还原
  1. 点击选项卡Pull requests，然后点击红色框2 Closed，选择带有紫色分支图标的请求。如图14所示。

    图14 还原步骤一
图14 还原步骤一

  1. 进入步骤1请求页面，点击按钮Restore branch，从而恢复已删除的分支，如图15。


    图15 还原分支步骤二
图15 还原分支步骤二

学习资源

本篇博客借鉴了如下的学习资源，在此列出供大家学习：

  1. Github guide
    网址：https://guides.github.com/
    简介：介绍了玩转github的必备技能，很适合入门

  2. GitHub.com 帮助文档
    网址：https://docs.github.com/en
    简介：非常全面的资料，见下图

全面的github资料

  1. GitHub.com 帮助文档
    网址：https://lab.github.com/
    简介：特别棒的一个线上课程，参加课程之后跟着引导可在自己的账户建立公开课程的仓库，从而在github的网页端进行实操交互，下面两个图为我参加的Introduction to GitHub的课程，根据每一步小助手的指示来完成相应的操作，学习起来特别高效💪


    公开课程


    公开课程
    好辣，本系列的第一篇就到这里(●’◡’●)
FightingLife0412
关注
专栏目录
GitHub 标星 2.9w+，我发现了一个宝藏项目，作为编程新手有福了！
Rocky0429
11-27 19万+
大家好，我是 Rocky0429，一个最近老在 GitHub 上闲逛的蒟蒻… 特别惭愧的是，虽然我很早就知道 GitHub，但是学会逛 GitHub 的时间特别晚。当时一方面是因为菜，看着这种全是英文的东西难受，不知道该怎么去玩，另一方面是一直在搞 ACM，没有做一些工程类的项目，所以想当然的以为和 GitHub 也没什么关系（当然这种想法是错误的）。 后来自己花了一个星期看完了 Pyt...
Chrome将网页保存为PDF的实战教程
weixin_43178406的博客
04-17 7万+
本文主要介绍了Chrome将网页保存为PDF的实战教程，希望能对使用Chrome的同学们有所帮助。 文章目录 1. 背景描述 2. 解决方案
Github入门教程，适合新手学习（非常详细）
black_sneak的博客
06-12 1万+
本篇博客为手把手教学的 Github 代码管理教程，教程操作简单易懂，内容十分详细！！！
简明Github使用教程（桌面客户端与网页版）
Machine Learning with Tutors
04-13 1万+
GitHub功能十分强大，但是对于新手而言用起来确实有点困难，本篇文章只是演示简单的用法，接下来如果有时间会详细的给大家讲讲GitHub的用法。同步之后再浏览器中查看，提交次数已经变成了3次，之后可以分别下载第二次与第三次提交的文档，可以比较看出我们修改的内容。更多的，还包括分支的建立和管理，这部分自己去探索吧，总之，GitHub for Windows确实是一个非常好的工具。下一步打开GitHub程序，会发现界面有所改变，之后按照提示填写内容，然后点击。进行安装过程，安装之后桌面上会有两个图标，如下图。
github入门教程（非常详细）从零基础入门到精通，看完这一篇就够了
最新发布
baimao__Ch的博客
06-20 4126
如果你是一枚Coder，但是你不知道Github，那么我觉的你就不是一个菜鸟级别的Coder，因为你压根不是真正Coder，你只是一个Code搬运工。说明你根本不善于突破自己！为什么这么说原因很简单，很多优秀的代码以及各种框架源码都存放于github当中！
GitHub（网页版）简明教程
DoctorCuiLab的博客
10-23 2991
GitHub（网页版）简明教程 GitHub官网：GitHub 一、注册 进入GitHub官网，界面如下图所示。 根据提示一步一步完成注册。 二、使用 1、登录用户主页，界面如下图所示。 2、点击上图中的绿色按钮“New repository”创建新的知识库，点击后的界面如下图所示。（上图中的“FCN-zyh”和“yida”是我以前建立的知识库，“wdzyh”为我的用户名。） 在新界面输入新...
【Github】的简单使用(网页版)
咖喱年糕的博客
01-12 2514
Github是全球最大的社交编程及代码托管网站(https://github.com/)。 Github可以托管各种git库，并提供一个web界面（用户名.github.io/仓库名） Git是版本控制软件 Github是项目代码托管的平台，借助git来管理项目代码 学习优秀的开源项目 关注行业前辈了解最新的行业动态 Github基础概念 借助Github方便托管项目代码。
github 网页版的使用
煜铭2011
04-03 7486
0x00 前言 我们一直用GitHub作为免费的远程仓库，如果是个人的开源项目，放到GitHub上是完全没有问题的。其实GitHub还是一个开源协作社区，通过GitHub，既可以让别人参与你的开源项目，也可以参与别人的开源项目。在GitHub出现以前，开源项目开源容易，但让广大人民群众参与进来比较困难，因为要参与，就要提交代码，而给每个想提交代码的群众都开一个账号那是不现实的，因此，群众...
Github的简单使用(网页版)
zhuguanlin121的博客
06-30 1万+
目录Git和GithubGithub基础概念注册Github账号创建仓库及文件新建仓库新建文件文件的编辑和删除编辑或修改文件删除文件文件的上传文件的查找及下载文件的查找文件的下载IssuesFork开源项目贡献流程 Git和Github 什么是Git Git是一个免费、开源的版本控制软件 什么是版本控制系统 版本控制是一种记录一个或若干个文件内容变化，以便将来查阅特定版本修订情况得系统。 系统具体功能 记录文件的所有历史变化 随时可恢复到任何一个历史状态 多人协作开发或修改 错误恢复 什么是Github G
MY-SPACE:我的第一个 GitHub 仓库
05-31
【描述】"我的空间 我的第一个 GitHub 仓库" 提示这是一个新手入门级别的教程或个人实践项目，可能包含了作者学习GitHub的过程记录。"我的空间"可能意味着这个仓库是作者个人的试验田，用于存放个人的编程练习或者...
《Python基础教程》内容总览篇（持续更新中）
热门推荐
weixin_43178406的博客
08-26 19万+
大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。个人精心开设的《Python基础课程》专栏订阅量接近900，帮助不少同学解决了Bug。
GitHub 项目精选（2022.5.18更新）
u012199290的博客
05-18 9840
写在前面 看到这个项目的同好们如果有推荐的 Github 项目或是觉得有用、有趣的网站等都可以发起 issue 或 PR。 友情链接： ruanyf / weekly GrowingGit / GitHub-Chinese-Top-Charts 有趣项目 chrislgarry / Apollo-11 阿波罗 11 号。 YunYouJun / air-conditioner ❄️ 云空调，便携小空调，为你的夏日带去清凉！ 网站: https://ac.yunyoujun.cn/ 类似网.
【网页版 GitHub】操作指南（搜索、下载等）
weixin_42567789的博客
10-09 3242
写在前面： GitHub也可以用来学习大佬们的开源代码，也可以找到许多的笔记哦~ 1. 用GitHub搜索 2. 对喜欢内容的操作 一般可以进行三种操作：watch、star、fork 2.1 watch 2.2 star 2.3 fork
github 网页版 新手使用指南
努力努力努力
12-07 1881
参考连接: https://blog.csdn.net/buknow/article/details/80325986 https://blog.csdn.net/Hanani_Jia/article/details/79855429 找个时间系统学习一遍，因为太重要了！
【网页版 GitHub】简单操作
weixin_42567789的博客
10-07 1081
写在前面： 对小白来说，网页版更友好一些，能满足一般使用需求。这里记录一些常用的基本操作，便于查看。 新手建议使用 火狐 / 谷歌浏览器，可进行网页翻译。 附网页版网址： https://github.com/ 1. 注册&登录 1.1 若没有账号 直接按照指示，输入你的用户名、邮箱、密码，进行注册 sign up 后续会进行一些个性化定制，个人的话，选择公共的免费版 for free 就可以啦 ~ 最后点击 submit 完成注册。 1.2 若已有账号 点击右上角 sign in 登录（若忘记密码
github网页版使用教程
一颗修行千年的葱
11-20 562
官网教程中文翻译版 https://blog.csdn.net/wait_for_taht_day5/article/details/79587844   超详细的图解（博主几乎对每个按钮都进行了标注和解释） https://blog.csdn.net/android_zyf/article/details/64175941...
GitHub网页版开始教程
我在等那么一天的博客
03-17 1万+
Hello World阅读时间：10min在计算机编程中，Hello World程序是一个时间悠久的传统。它是一个简单的练习，当你学习新东西的时候让你快速开始，现在开始用它开始GitHub吧！你将学到：创建和使用一个库开始和管理一个新的分支对一个文件作修改和将它们提交到GitHub开启和合并一个合并请求什么是GitHub？GitHub是一个代码托管平台，用于版本控制和协作。它让你和其他人可以在任何...
Github网页版使用新手教程
坚持不懈做贡献
09-05 7638
首先打开Gethub网页Gethub 1.注册 完成你的用户名、电子邮箱、密码的填写，完成注册。 注意，用户名是不可以冲突的 密码至少7位，必须至少有一个小写字母 然后点击：sign up for Github 进入注册第二步， 2.选择计划 一般的个人用户，选择一个免费的公共的就可以啦。 对应中文版参考 然后点击： continue 继续 3.完成最后一步定制 ...
GitHub网页端使用教程
goog_man的博客
07-05 2713
注册 1、官网：https://github.com/ 建议使用火狐谷歌浏览器，都懂都懂； 2、打开使用邮箱注册即可；
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值