命令小結
| 命令 | 功能 |
|---|---|
| git init | 把當前文件夾初始化爲默認的git庫 |
| git add 文件名 | 向git庫中添加一個文件 |
| git rm 文件名 | 從git庫中刪除一個文件 |
| git status | 查看當前庫中進行的任務 |
| git diff 文件名 | add前查看工作區和暫存區的差別 |
| git commit -m “修改內容” | 把修改內容提交上去，用於區別版本 |
| git checkout – 文件名 | 在add之前把文件恢復到上次交付，在commit之前恢復到暫存區的狀態 |
| git log [–pretty=oneline] | 顯示這個庫裏都幹過啥 |
| git relog | 查看命令歷史，以便確定要回到未來的哪個版本 |
| git reset HEAD 文件名 | 可以把暫存區的修改撤銷掉 |
| git reset –hard HEAD^ | 回退到上一個版本 |
| git reset –hard 版本號 | 回退到某個版本 |
注意如果一個庫裏的很多文件是合用一個版本號的，也就是說變更版本號後，對應的所有的文件都會回退;
基本命令
Git 建立庫，我們是在工作區中修改文件的,工作區可以有很多文件；
git add 可以把工作區（working tree）下修改的文件或添加的文件添加到暫時存儲的區域(index file)；
git commit 做的事情是把index file中修改提交到分支裏，默認的分區是master；
git diff
diff 就是difference的意思，查看不同，根據工作區（working tree）、緩存區（index file）和版本區(master)的不同，藥效不一樣哦 -_-!
- git diff 文件名：是查看working tree與index file 的差別的。也就是說修改之後add之前可以用這個看改了什麼;
- git diff – cached：是查看index file與master的差別的。add之後，如果你忘記所有文件做的修改是什麼，用這個;
- git diff HEAD 文件名：是查看working tree和master的差別的。add之後，可以用這個看具體每個文件改了什麼;
github來展示你的前端頁面
1.安裝git
如果你是mac用戶，那麼恭喜你mac自帶git命令功能，你無須安裝git。如果你是windows用戶，你可以前往windows地址下載並安裝。
2.建立倉庫
在你的github主頁，我們可以點擊右上角的加號按鈕下的“New repository”來新建一個項目倉庫，如圖所示：
點擊之後我們給倉庫取一個名字並進行相應的描述和配置後點擊“Create repository”就ok了。
3.上傳代碼
倉庫建立完畢後，這時候就需要用我們之前安裝的git命令來將本地的代碼推送到github上了。如果你僅爲了展示自己的前端頁面，那麼只要掌握如下命令即可（不熟悉git命令的可以參考git - 簡易指南）：
（1）打開你的目錄
我的在D盤下面有一個文件夾名：testhtml
命令如圖所示：
cd testhtml
（2）初始化版本庫，用於生成.git文件
git init
（3）將所有文件添加到緩存區
git add *
（4）提交當前工作空間的修改內容
git commit -m "first commit"
如圖所示：
（5）將倉庫連接到遠程服務器
git remote add origin <server>
其中server地址在github上創建倉庫後可以找到，如下：
（6）將改動推送到所添加的服務器上
git push -u origin master
4.創建gh-pages分支
之前的工作只是將我們的代碼發佈到了github上demo倉庫的master分支上，當然你也可以不發佈，而我們的展示頁面代碼必須發佈到名爲“gh-pages”的分支上。方法很簡單，我們只需要在github的demo項目頁面手動創建gh-pages分支即可。如圖：
輸入gh-pages後創建即可，這樣的方式會直接拷貝master分支的所有文件到gh-pages分支，而你也可以用命令行的形式創建並重新上傳一份新的代碼：
（1）新建並切換到gh-pages分支
git checkout --orphan gh-pages
（2）之後的操作和之前一樣，只是push的時候是gh-pages
git add *
git commit -m "update"
git push -u origin gh-pages
如此，我們的demo項目就多了一個gh-pages分支，裏面的代碼文件就可以用來展示頁面了。
5.訪問頁面
創建並上傳文件至gh-pages之後，我們就可以訪問如下url來查看自己的demo了：
http://(user_name|org_name).github.io/repo_name
這兒地址爲：https://hxlmqtily1314.github.io/showdemo/
頁面結果如下：
這樣我們便實現了利用github來展示前端靜態頁面的目標。
注：現在github有一種更加簡便的方式來實現上述功能，將代碼上傳至倉庫後在settings裏配置下GitHub Pages爲你想展示的分支就行了。
如圖所示設置：
參考地址
