筆者學(xué)習(xí)前端設(shè)計(jì)近一年里也寫了不少網(wǎng)站，但是苦于自己編寫的網(wǎng)站難以展示，就算上傳到github上也只能看到文件而已，后來才發(fā)現(xiàn)原來github上提供了把網(wǎng)頁文件變?yōu)榫W(wǎng)站的工具，即github page，而要使用它也不僅僅是簡簡單單地上傳。

下面簡單地總結(jié)了從本地的網(wǎng)頁文件到在github服務(wù)器上展示出來即可以通過網(wǎng)絡(luò)端打開的過程：

（以下可能會出現(xiàn)一些難點(diǎn)，照著做就可以了，由于筆者是小白，也不清楚具體原理是什么，希望有一天成為大神的時(shí)候能輕松駕馭）

1、進(jìn)入github主頁，建立新倉庫

2、為你的新倉庫取一個(gè)名字

在這里筆者以自己的“仿LOL官網(wǎng)”項(xiàng)目為例。

其中標(biāo)記處添加README描述也勾選上。

3、建立好倉庫后，在倉庫中選擇settings選項(xiàng)，找到“github pages”選項(xiàng)卡

4、在“github pages”選項(xiàng)卡中找到“source”，點(diǎn)擊“None”，選擇“master branch”，再點(diǎn)擊“Save”保存

在這里我們就可以看到github為我們生成了一個(gè)鏈接，先把它存起來。

點(diǎn)擊鏈接進(jìn)去發(fā)現(xiàn)里面什么也沒有，接下來我們在本地進(jìn)行g(shù)it的操作。

5、下載安裝git

下載地址：https://git-scm.com/downloads

安裝過程省略

6、在本地新建一個(gè)文件夾專門用于存放本地的代碼，以上傳到遠(yuǎn)程端

在這里我選擇的是在D盤github代碼庫文件夾中新建一個(gè)文件夾來存放我的代碼

7、進(jìn)入建好的文件夾后，右擊選擇“Git Bash Here”，出現(xiàn)命令行窗口

8、輸入如下命令，用來在當(dāng)前文件夾中創(chuàng)建 test 文件存放你的github上的倉庫文件，克隆倉庫文件到當(dāng)前文件夾中

這時(shí)候你會發(fā)現(xiàn)你的文件夾中多了一個(gè)文件夾test，test中的文件就是github倉庫中的文件

9、將自己的網(wǎng)頁文件復(fù)制粘貼至倉庫文件中

10、依次輸入如下命令

解釋一下以上命令，在更新代碼的時(shí)候也會用到

git status： 列出當(dāng)前目錄所有還沒有被git管理的文件和被git管理且被修改但還未提交(git commit)的文件，也就是所有改動文件，紅色字體標(biāo)出。

git add . ?(有個(gè)點(diǎn)) ：表示添加當(dāng)前目錄下的所有文件和子目錄，

然后 再輸入一次 git status 如果看見文件都變綠了 ，那么就代表它們已經(jīng)準(zhǔn)備好了被提交（git commit）

11、依次輸入如下命令，將你的文件上傳至遠(yuǎn)程 master分支

這里要注意一下的就是在輸入git push后會讓你輸入github的賬號和密碼

最后一步上傳完畢后當(dāng)出現(xiàn)以上字樣的時(shí)候，說明已經(jīng)大功告成了~

12、回到第4步中的鏈接，在后面加上/和網(wǎng)頁文件名，即可打開自己制作的網(wǎng)站

部分內(nèi)容轉(zhuǎn)載自：http://www.cnblogs.com/lijiayi/p/githubpages.html

感謝作者打開了本小白邁向新世界的又一扇大門