最近發現 github 改版了，已沒有像原來的 Launch automatic page generator 這樣的按鈕等，所以我對我的文章也進行了修正，對於新版來說，步驟更加簡單了。歡迎享用。

－－－－－－華麗麗的分割線，以下是在原版的基礎上的修正版－－－－－－－

學了前端小半年，如今寫了個自己的網頁想要去應聘，卻發現部署很麻煩，部署到阿裏雲之類，買域名啊啥的還要收費，說貴也不貴，但我就是傲嬌~

google一下了解到Github有一個Github pages的功能可以搭建博客或者托管網頁，而且免費耶，搜了下教程，猛地一看感覺步驟也不是很麻煩，所以就用這個了！

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

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

1、需要你自己寫的網頁文件。

2、註冊Github。

3、下載安裝git。下載地址https://git-scm.com/downloads

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

步驟一：登錄到Github上，新建一個repo，命名為test，勾選 initialize this repository with a README，點擊create repository。

步驟二：打開settings，有一個Github Pages 的設置，點擊 source 中的本來的 None ，使其變成 master 分支，也就是作為部署github pages 的分支，然後點擊 save。

步驟三：頁面刷新之後，再看 github pages 設置框處，多了一行網址，就是你的 github pages 的網址了。

點擊這個鏈接

哇塞，一個 test。

好了，別激動了，真正讓一個小白你發瘋的階段開始了，有了自己的網址，但頁面顯示的是什麽鬼？

至此以上，github上要處理的操作告一段落，該上Git了！

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

步驟五：輸入如下命令，用來在 f 盤創建 test 文件放你的github上的test repository，克隆test repository到 test 文件中。

這個時候你的 f 盤，就會多一個 test 文件，打開它，

會看到一個 README.md 的文件，這個文件是從哪來的呢？追溯到gihub上，你會發現 README 文件是來自 master 分支。

步驟六： 將自己的網頁文件復制粘貼至 f 盤的 test 文件中

步驟八：執行如下命令

解釋一下上面的命令：首先輸入 git status 列出當前目錄所有還沒有被git管理的文件和被git管理且被修改但還未提交(git commit)的文件，也就是所有改動文件，紅色字體標出。

然後輸入 git add . (有個點) 表示添加當前目錄下的所有文件和子目錄，

然後 再輸入一次 git status 如果看見文件都變綠了 ，那麽就代表 它們已經準備好了被提交（git commit）。

步驟九：輸入如下命令，將你的文件上傳至遠程 master 分支

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

ok之後耐心等待。

當出現像下圖中的語句之後，你已經完成了99%。

最後一步：打開瀏覽器輸入給你的網址加上你上傳的 html 文件名 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 //移除文件

附錄二：如何修改你的網頁？

方法一：在github上的master分支中直接進行修改。（如果不添加新的文件推薦此法）

方法二：在github客戶端進行修改在同步。（如果添加了新的文集推薦此法）

【 js 工具 】如何在Github Pages搭建自己寫的頁面？