最强最简单的配置github教程。没有之一

时间 2019-12-10

原文原文链接

当你不理解一段代码什么意思的时候，你会用就好。时间久了你会懂的。css

2015年本身刚学前端的时候，使用git bash 上传代码到github时困难的要死。好多东西不明白不理解。随着工做的积累，如今回头本身随便wanwan2半小时就配置好了。如今整理好教程。一个是为了验证一句话。一个是为后来者挖好井。html

进入 https://github.com/settings/keys前端

若是页面里已经有一些 key，就点「delete」按钮把这些 key 全删掉。若是没有，就往下看
点击 New SSH key，你须要输入 Title 和 Key，可是你如今没有 key，往下看
打开 Git Bash
复制并运行 rm -rf ~/.ssh/* 把现有的 ssh key 都删掉，这句命令行若是你多打一个空格，可能就要重装系统了，建议复制运行。
运行 ssh-keygen -t rsa -b 4096 -C "你的邮箱"，注意填写你的邮箱！
按回车三次
运行 cat ~/.ssh/id_rsa.pub，获得一串东西，完整的复制这串东西
回到上面第 3 步的页面，在 Title 输入「个人第一个 key」
在 Key 里粘贴刚刚你你复制的那串东西
点击 Add SSH key
回到 Git Bash
运行 ssh -T git@github.com，你可能会看到这样的提示：
图片
输入 yes 回车……问你话你就答，别傻在那
而后若是你看到 Permission denied (publickey). 就说明你失败了，请回到第 1 步重来，是的，回到第 1 步重来；若是你看到 Hi FrankFang! You've successfully authenticated, but GitHub does not provide shell access. 就说明你成功了！

好了，终于 TMD 添加了一个无聊的 SSH key，不要问我这个有什么用，由于一下子你就会用到它，你想了解原理就看这篇文章git

若是要讲清楚，太浪费时间了，咱们只是想用用 GitHub 而已。github

一台电脑只须要一个 SSH key
一个 SSH key 能够访问你的全部仓库，即便你有 1000000 个仓库，都没问题
若是你新买了电脑，就在新电脑上从新生成一个 SSH key，把这个 key 也上传到 GitHub，它能够和以前的 key 共存在 GitHub 上
若是你把 key 从电脑上删除了，从新生成一个 key 便可，替换以前的 key

配置 git

git config --global user.name 你的英文名
git config --global user.email 你的邮箱
git config --global push.default matching
git config --global core.quotepath false
git config --global core.editor "vim"

五句话，依次运行。不执行的话，电脑可能会爆炸你信不信。shell

使用 git

使用 git 有三种方式，请按照你的需求选择vim

只在本地使用
将本地仓库上传到 GitHub
下载 GitHub 上的仓库

1 只在本地使用

1.1 初始化

建立目录做为咱们的项目目录：mkdir git-demo-1
进入目录 cd git-demo-1
git init，这句命令会在 git-demo-1 里建立一个 .git 目录
ls -la 你就会看到 .git 目录，它就是一个「仓库」，不要进去看，这仓库里面有毒，别进去！
在 git-demo-1 目录里面添加任意文件，假设咱们添加了两个文件，分别是 index.html 和 css/style.css
1. touch index.html
2. mkdir css
3. touch css/style.css
运行 git status -sb 能够看到文件前面有 ?? 号
```
## Initial commit on master
 ?? css/
 ?? index.html
```
这个 ?? 表示 git 一脸懵逼，不知道你要怎么对待这些变更。
使用 git add 将文件添加到「暂存区」
1. 你能够一个一个地 add
  1. git add index.html
  2. git add css/style.css
2. 你也能够一次性 add
  1. git add . 意思是把当前目录（.表示当前目录）里面的变更都加到「暂存区」
再次运行 git status -sb，能够看到 ?? 变成了 A
```
## Initial commit on master
 A  css/style.css
 A  index.html
```
A 的意思就是添加，也就是说你告诉 git，这些文件我要加到仓库里
使用 git commit -m "信息" 将你 add 过的内容「正式提交」到本地仓库（.git就是本地仓库），并添加一些注释信息，方便往后查阅
1. 你能够一个一个地 commit
  1. git commit index.html -m '添加index.html'
  2. git commit css/style.css -m "添加 css/style.css"
2. 你也能够一次性 commit
  1. git commit . -m "添加了几个文件"
再再次运行 git status -sb，发现没有文件变更了，这是由于文件的变更已经记录在仓库里了。

这时你使用 git log 就能够看到历史上的变更：安全

commit f0d95058cd32a332b98967f6c0a701c64a00810a
 Author: frankfang <frankfang1990@gmail.com>
 Date:   Thu Sep 28 22:30:43 2017 +0800

     添加几个文件

以上就是 git add / git commit 的一次完整过程，能够看到，挺复杂的。原则上，你错了任何一步，就给我从头来一遍，作到你不会再手抖为止。

1.2 文件变更

若是我想继续改文件，应该怎么作呢？bash

start css/style.css 会使用默认的编辑器打开 css/style.css（macOS 上对应的命令是 open css/style.css）
而后咱们在 css/style.css 里写入 body {background: red}，保存退出
运行 git status -sb 发现提示中有一个 M
```
## master
 M css/style.css
```
这个 M 的意思就是 Modified，表示这个文件被修改了
此时你若是想让改动保存到仓库里，你须要先 git add css/style.css 或者也能够 git add .
注意，因为这个 css/style.css 之前被咱们 add 过，你往文章上面看，咱们是 add 过 css/style.css 的，因此此处的 git add 操做能够省略，但我建议你使用 git 的前一个月，不要省略 git add。
换句话说，每一次改动，都要通过 git add 和 git commit 两个命令，才能被添加到 .git 本地仓库里。
再次运行 git status -sb 发现 M 有红色变成了绿色，红色和绿色有啥区别呢？别管它们的区别，记住我说的，先 add，再 commit，等你熟练以后再去理解区别。
先造成肌肉记忆，在去造成大脑记忆！
运行 git commit -m "更新 css/style.css"，这个改动就被提交到 .git 本地仓库了。再说一次，不要去 .git 目录里面，那里的东西你一无所知。
再再次运行 git status -sb，会发现没有变动了，这说明全部变更都被本地仓库记录在案了。
这里来透露一下 git status -sb 是什么意思：git status 是用来显示当前的文件状态的，哪一个文件变更了，方便你进行 git add 操做。-sb 选项的意思就是，SB都能看懂，哈，这是开玩笑，-s 的意思是显示总结（summary），-b 的意思是显示分支（branch），因此 -sb 的意思是显示总结和分支。

1.3 总结

至此，咱们来总结一下用到的命令ssh

git init，初始化本地仓库 .git
git status -sb，显示当前全部文件的状态
git add 文件路径，用来将变更加到暂存区
git commit -m "信息"，用来正式提交变更，提交至 .git 仓库
若是有新的变更，咱们只须要依次执行 git add xxx 和 git commit -m 'xxx' 两个命令便可。别看本教程废话那么多，其实就这一句有用！先 add 再 commit，行了，你学会 git 了。
git log 查看变动历史

2 将本地仓库上传到 GitHub

如何将咱们这个 git-demo-1 上传到 GitHub 呢？

在 GitHub 上新建一个空仓库，名称随意，通常能够跟本地目录名一致，也叫作 git-demo-1
图片
按照截图所示，除了仓库名，其余的什么都别改，其余的什么都别改，其余的什么都别改，其余的什么都别改，这样你才能建立一个空仓库
点击建立按钮以后，GitHub 就会把后续的操做全告诉你，如图
图片
看图，点击 SSH 按钮，点击 SSH 按钮，点击 SSH 按钮，我想你如今确定不会忘了点击 SSH 按钮了吧~~~~若是不点击这个按钮，你就会使用默认的 HTTPS 地址。可是千万不要使用 HTTPS 地址，由于 HTTPS 地址使用起来特别麻烦，每次都要输入密码，而 SSH 不用输入用户名密码。
为何 SSH 不用密码呢，由于你已经上传了 SSH public key。还记得吗？若是不记得，翻到本文第一部分「配置 GitHub」章节。
因为咱们已经有本地仓库了，因此看图，图中下面半部分就是你须要的命令，咱们一行一行拷贝过来执行
1. 找到图中的「…or push an existing repository from the command line」这一行，你会看到 git remote add origin https://github.com/xxxxxxxxxx/git-demo-1.git，若是你发现这个地址是 https 开头的，那你就作错了，还记得吗，咱们要使用 SSH 地址，GitHub 的 SSH 地址是以 git@github.com 开头的。
2. 再次点击 SSH 按钮，无论我强调多少遍，总会有人忘记点击 SSH 按钮，为何呢？我也不知道，为了防止你忘了点击 SSH 按钮，我最后再说一遍，「点击 SSH按钮」，点击以后，整个世界就会变得美好起来。
3. 获得新的命令 git remote add origin git@github.com:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/git-demo-1.git，复制并运行它
4. 复制第二行 git push -u origin master，运行它
5. 刷新当前页面，你的仓库就上传到 GitHub 了！是否是特别简单？只要你按照我说的作，一丝不苟，便可。

3 直接在 GitHub 建立一个仓库，而后下载到本地

上面两步讲了

在本地建立仓库
将本地仓库上传到 GitHub

这里将第三种用法，那就是直接在 GitHub 建立一个仓库，而后下载到本地。

在GitHub 上新建一个仓库 git-demo-2，此次就不建立空仓库了，而是自带 README 和 Lisence 的仓库，建立截图以下：
图片
请按图中所示，填写如出一辙的内容，而后点击建立按钮。
这样一来，这个仓库就会自动拥有三个文件：
图片
这三个文件的做用请自行了解：.gitignore 的做用、README.md 的做用以及 LISENCE 的做用
好了，如今远程仓库已经建立好了，怎么下载到咱们的本地（也就是咱们的电脑上）呢？答案是使用 git clone 命令
点击页面中惟一的绿色按钮「clone or download」，会看到一个弹出层
图片
请确保弹出层里的地址是 SSH 地址，也就是 git@github.com 开头的地址，若是不是，就点击 Use SSH 按钮，就点击 Use SSH 按钮，就点击 Use SSH 按钮。而后复制这个地址。
打开 Git Bash，找一个安全的目录，好比 ~/Desktop 桌面目录就很安全：cd ~/Desktop。运行。
运行 git clone 你刚才获得的以git@github.com开头的地址，运行完了你就会发现，桌面上多出一个 git-demo-2 目录。我再说一遍，桌面上多出一个 git-demo-2 目录。我再说一遍，桌面上多出一个 git-demo-2 目录。这个细节很重要，不少小白发现不了这个细节，我也不知道他们是眼瞎仍是怎么了……
进入这个多出来的目录，对的，你确定会忽略这一步。
进入这个多出来的目录，对的，你确定会忽略这一步。
进入这个多出来的目录，对的，你确定会忽略这一步。
好了你进入了这个目录了，若是没有，我就要吐血了，由于个人提示很明显。
运行 ls -la 你会看到，远程目录的全部文件都在这里出现了，另外你还看到了 .git 本地仓库。这是你就能够添加文件，git add，而后 git commit 了。

三种方式都说完了，它们分别是：

在本地建立仓库
将本地仓库上传到 GitHub
下载 GitHub 上的仓库到本地

其实呢，我还能够说不少种不一样的方式，可是，你记住这几种就好了，够你用的了。咱们并不想要了解 git 的全部高级用法，咱们的目的很明确：能经过 Git 命令使用 GitHub 就行。

咱们再回顾一遍已经学到的命令：（此次只多了一个 git clone 命令）

git clone git@github.com:xxxx，下载仓库
git init，初始化本地仓库 .git
git status -sb，显示当前全部文件的状态
git add 文件路径，用来将变更加到暂存区
git commit -m "信息"，用来正式提交变更，提交至 .git 仓库
若是有新的变更，咱们只须要依次执行 git add xxx 和 git commit -m 'xxx' 两个命令便可。别看本教程废话那么多，其实就这一句有用！先 add 再 commit，行了，你学会 git 了。
git log 查看变动历史

如何上传更新

在本地任意一个文件夹中，Git init 初始化本地仓库会出现一个.git 。而后经过git remote add origin git@github.com:your name/repository name.git。与远程仓库创建连接。创建成功没有反应、接下来你须要git pull origin master 先把远程文件下载下来、Git status 看下状态。没有再远程仓库的就会变成红色，接下来就是：Git add Git commit -m Git push -u origin master(第一次须要，之后直接git push )。

你在本地目录有任何变更，只需按照如下顺序就能上传：

git add 文件路径
git commit -m "信息"
git pull （相信我，你必定会忘记这一个命令）
git push

下面是例子

cd git-demo-1
touch index2.html
git add index2.html
git commit -m "新建 index2.html"
git pull
git push

而后你去 git-demo-1 的 GitHub 页面，就能看到 index2.html 出如今里面了。是否是很……简……单……呢……

其余

还有一些有用的命令

git remote add origin git@github.com:xxxxxxx.git 将本地仓库与远程仓库关联
git remote set-url origin git@github.com:xxxxx.git 上一步手抖了，能够用这个命令来挽回
git branch 新建分支
git merge 合并分支
git stash 通灵术
git stash pop 反转通灵术
git revert 后悔了
git reset 另外一种后悔了
git diff 查看详细变化

学 git 命令都够大家学一周的，因此别妄想如今就掌握它，切记。

注意只能预览 HTML，不能预览 Markdown。

在 GitHub 新建一个仓库 x1
在 x1 里面新建一个 HTML 好比 y1.html，文件内容为「<h1>这是一个HTML</h1>」
- 新建文件的方法能够是使用 git add git commit git push
- 也能够是直接在网页上操做，随便你怎么新建文件
点击 Settings
往下滚动页面
选中 master branch 而后点击 Save
图片
获得一个预览连接，假设预览连接是 https://zzzzzzzzz/
图片
访问 https://zzzzzzzzz/y1.html 便可预览 y1.html
新建 y2.html，git add git commit git push，等一分钟，访问 https://zzzzzzzzz/y2.html 便可预览 y2.html
新建 y3.html，git add git commit git push，等一分钟，访问 https://zzzzzzzzz/y3.html 便可预览 y3.html