>>>

##如何在Github Pages搭建自己寫的頁面？ 網上教程一大堆，卻沒有幾個能看懂的，問題一：90%的都在講解如何搭建部落格，和我想要將自己的網頁部署到上面還是有點區別的。問題二：所有的教程都用到了Git，而我只知道Git是一個開源的分散式版本控制系統。完全不知道命令列是什麼鬼，只能照貓畫虎的小白來說，那些教程只能幫我到橋頭，但想要成功過河，還需要深夜裡的一包特濃咖啡。

###開始教程之前的準備工作：

• 1、需要你自己寫的網頁檔案。
• 2、註冊Github。
• 3、下載安裝git。下載地址https://git-scm.com/downloads

##教程開始：（以下出現的test指你的網頁名或者你想起的一切名字）

###步驟一 ：開啟此電腦，選擇一個盤，比如 f 盤，右鍵空白處點選 git bash here。

###步驟二：輸入如下命令，用來在 f 盤建立 test 檔案放你的github上的test repository，克隆test repository到 test 檔案中。

這個時候你的 f 盤，就會多一個 test 檔案，開啟它 會看到一個 README.md 的檔案，這個檔案是從哪來的呢？追溯到gihub上，你會發現你有兩個分支（branches），而 README 檔案是來自 master 分支。而我們需要編輯的是另一個分支——gh-pages，因為這個分支才能夠真正定義github pages的內容和樣式，也就是可以呈現你網頁的地方。

###步驟三：輸入以下命令，為了在本地新建一個gh-pages分支，而這個分支是遠端分支origin/gh-pages的映象，也就是我們可以在本地的gh-pages看到github上的gh-pages的內容。這個時候我們再開啟 f 盤，發現變樣了剛才還是README呢，怎們現在成了3個檔案了，這3個檔案來自哪？

來自github 上的 gh-pages 分支下的檔案。 ###步驟四：執行如下命令，刪除原有的gh-pages檔案，並提交（commit）本次修改。

這個時候 f 盤沒有檔案。 ###步驟五：將自己的網頁檔案複製貼上至 f 盤的 test 檔案中

輸入如下命令，為了本地gh-pages中的網頁檔案同步到遠端的gh-pages中。

輸入最後一行 git push origin gh-pages，按回車，等一會，會有彈出框讓你輸入你的 github 賬號和密碼。

ok之後耐心等待。當出現像下圖中的命令列之後，你已經完成了99%。

最後一步：開啟瀏覽器輸入給你的網址加上 test.html，然後重重的按下回車。

附錄一：常用git命令：

$ git clone //本地如果無遠端程式碼，先做這步，不然就忽略 $ cd //定位到你blog的目錄下 $ git status //檢視本地自己修改了多少檔案 $ git add . //新增遠端不存在的git檔案 $ git commit -m "what I want told to someone" //提交修改 $ git push //更新到遠端伺服器上 $ git rm //移除檔案

轉載於:https://my.oschina.net/hyzccc/blog/791148