配置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"
逐条配置，回车，global是全局的意思
配置Github
- 进入 https://github.com/settings/keys
- 删除已有的 SSH key（一个电脑只需要一个 SSH key，它可以访问你的所有仓库，如果你将电脑上的 key 删除了，重新生成一个就好了）
- 点击绿色的 New SSH 按钮
- 打开Git bash
- 复制并运行 rm -rf ~/.ssh/* 把现有的 SSH key 都删掉，这句命令行如果多打一个空格可能都要重装系统了，建议复制运行
- 运行 ssh-keygen -t rsa -b 4096 -C "你的邮箱"（可参考https://help.github.com/articles/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent/）
- 按三次回车
- 运行 cat ~/.ssh/id_rsa.pub ，完整复制得到的一串东西
- 回到上面第3步的页面，在 Key 里粘贴你刚刚复制的那串东西
- Title 可以随便输，比如 "我的第一个Key"
- 点击绿色的 Add SSH key 按钮
- 回到 Git bash
- 运行 ssh -T git@github.com ，看到提示 (yes/no)? 输入yes 回车
- 如果你看到 Hi xxx ! You've successfully authenticated, but Github does not provide shell access. 就说明你成功了！
如果你看到 Permission denied (publickey) . 就说明你失败了，回到第1步，重！来！
使用Git
1 创建本地仓库
1.1 初始化 Init
- mkdir git_demo
- cd git_demo
- git init 初始化本地仓库，这句命令会在git_demo 创建一个 .git 目录，不要点开
- ls -al / la
- 在 git_demo 目录添加任意文件，如 touch index.html ，mkdir css ，touch css/style.css
- git status -sb 显示当前所有文件状态，红色的??表示 git 一脸懵逼，不确定你要怎么做
- git add 将文件添加到 [暂存区]
i. one by one
git add index.html
git add css/style.css
ii. or
git add . (.表示当前目录) - git status -sb ，红色??变成了绿色的A，表示git知道你要把他们添加到仓库里
- git commit -m "注释，说明等"，正式提交到本地仓库
i. one by one
git commit index.html -m "添加index.html"
git commit css/style.css -m "添加css/style.css"
ii. or
git commit . -m "添加了几个文件" - git status -sb
- git log 查看变更历史
1.2 文件变动 Modified
- start css/style.css (macOS 是 open xxx)，默认编辑器打开文件
- 写入 body {background: grey;}，保存退出
- git status -sb，提示的红色M是Modified，表示这个文件被修改了
- git add css/style.css OR git add . （由于这个css/style.css 之前有add过，所以这一步其实是可以省略的，但是建议新手暂时不要，每次都先 add 再 commit）
- git status -sb 红色M变成了绿色
- git commit . -m "更新css/style.css"，改动就提交到了.git本地仓库，不要点开
- git status -sb 没有变更了（-sb的意思是SB都能看懂，恩，是的，summary 和 branch）
1.3 总结 Summary
- git init，初始化本地仓库 .git
- git status -sb，显示当前所以文件状态
- git add xxx，添加到暂存区
- git commit xxx -m "xxx"，提交变动至 .git 仓库
- git log 查看变更历史
2 上传本地仓库到Github
-
在 Github 新建一个空仓库，名称随意，除了仓库名，其他别改，其他别改，其他别改，点击绿色的 Create repository
其他别改
-
按Github 提示操作，点击SSH，如图
请点击一下 SSH
- 如果不点击SSH，你就会使用默认的HTTPS地址，每次都要输入密码，特别麻烦。而SSH 不用输入用户名密码，因为你已经上传了 SSH public key
- 由于已经有了本地仓库，one by one，看图
i. 复制第一行：git remote add origin git@github.com:ScottyWu/empty.git
ii. 复制第二行：git push -u origin master - 看到 [new branch]就上传成功了，刷新Github页面就好了
3 下载 Github 远程仓库到本地
-
在Github 上新建一个仓库（不是空仓库）not_empty，自带 README 和 Lisence 的仓库，如图
不是空仓库
-
这样就会自带3个文件
3个文件
- 三个文件的作用：.gitignore的作用 、LICENSE的作用 以及README.md的作用
-
远程仓库已创建，点击绿色按钮 Clone and download 下载，注意 use SSH
Clone and download with SSH
- 复制这个 git@github.com 开头的地址
- 打开 Git Bash，找一个安全的目录，比如 ~/Desktop：cd ~/Desktop 运行
- 运行 git clone git@github.com开头的地址，注意，桌面上会多出一个not_empty目录
- 进入这个目录，进入这个目录，进入这个目录
- ls -la，你会看到，远程目录的所有文件都在这里了，另外还有 .git 本地仓库，这样你就可git add，然后 git commit 了
上传更新
在本地目录有任何变动，只需按照以下顺序上传即可
git add xxx
git commit xxx -m "注释"
git pull （远程仓库有更新）
git push
例子
cd not_empty
touch index2.html
git add index2.html
git commit . -m "添加index2.html"
git pull
git push
然后添加的 index2.html 就出现在 github 了
使用Github Pages 预览 HTML
-
新建一个带有HTML文件的仓库，或者打开有HTML文件的仓库，比如在not_empty 仓库新建一个 notempty.html，点击右边的settings
settings
-
下拉，在Github Pages 的 source 选项选择 master branch，然后点击save，右上角会生成一个类似这样的链接https://xxxx.github.io/xxxx/
master branch
-
访问https://xxxx.github.io/xxxx/notempty.html 即可预览所建的HTML文件（预览链接不能直接访问，后面需要加上你所建立的html文件名以及后缀）
git ignore
在项目目录创建 .gitignore 文件就可以指定 [哪些文件不上传到远程仓库]，比如
.gitignore
/node_modules/
/.vscode/
这样就可以避免 node_modules/ 和 .vscode/ 目录被上传到 github
永远都不要上传 node_modules 到 github
防止手贱上传 node_modules ，可以：
- 在项目根目录 touch .gitignore
- 在 .gitignore 里添加一行 /node_modules/
- git add .gitignore ; git commit . -m "ignore"
其他
还有一些有用的命令
- git remote add origin git@github.com:xxxxxx.git 将本地仓库与远程仓库关联
- git remote set-url origin git@github.com:xxxxxx.git 上一步手抖了，可以挽回
- git branch 新建分支
- git merge 合并分支
- git stash 通灵术
- git stash pop 反转通灵术
- git revert 后悔了
- git reset 另一种后悔
- git diff 查看详细变化
网友评论