git經常使用命令總結以及用github來展現你的前端頁面

命令小結

命令	功能
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)的不一樣，藥效不同哦 -_-!

1. git diff 文件名：是查看working tree與index file 的差異的。也就是說修改以後add以前能夠用這個看改了什麼;
2. git diff -- cached：是查看index file與master的差異的。add以後，若是你忘記全部文件作的修改是什麼，用這個;
3. 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爲你想展現的分支就好了。

如圖所示設置：

參考地址

git使用簡易指南

Git 命令使用心得

Git使用詳細教程