##如何在Github Pages搭建本身寫的頁面? 網上教程一大堆,卻沒有幾個能看懂的,問題一:90%的都在講解如何搭建博客,和我想要將本身的網頁部署到上面仍是有點區別的。問題二:全部的教程都用到了Git,而我只知道Git是一個開源的分佈式版本控制系統。徹底不知道命令行是什麼鬼,只能照貓畫虎的小白來講,那些教程只能幫我到橋頭,但想要成功過河,還須要深夜裏的一包特濃咖啡。html
###開始教程以前的準備工做:git
##教程開始:(如下出現的test指你的網頁名或者你想起的一切名字)github
###步驟一 :打開此電腦,選擇一個盤,好比 f 盤,右鍵空白處點擊 git bash here。 瀏覽器
###步驟二:輸入以下命令,用來在 f 盤建立 test 文件放你的github上的test repository,克隆test repository到 test 文件中。bash
這個時候你的 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中。 htm
輸入最後一行 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 //移除文件