命令小結
| 命令 | 功能 |
|---|---|
| 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為你想展示的分支就行了。
如圖所示設定：
