作爲一個前端工程師，平常寫一些小demo或項目時會遇到這樣的情況：我想把這個html頁面呈現給別人看看，又不想把整個工程項目發給他，這樣太麻煩，要是有個能在線演示demo的平臺就好了。OK，github可以幫我們，一切都不是問題。
把github上的index.html文件作爲網頁展示我目前知道兩種方法，下面道來：
1、隨便在github找一個html文件，例如這個，然後在其url地址前加上http://zhou1178539345.github.com/?，變成了
http://zhou1178539345.github.com/?https://github.com/zhou1178539345/commerce-page/index.html
訪問這個地址即可。
不過這種方法有個缺陷，打開瀏覽器調試工具，會發現莫名多了幾個< script >標籤。感覺不爽，下面重點說說第二種方法。
2、利用gh-pages，步驟很簡單，如下：
創建gh-pages分支：如果一開始是在master分支下工作，工作完成後，輸入命令git checkout -b gh-pages，此命令會新建一個gh-pages分支並切換到該分支
推送gh-pages分支到github：輸入命令git push origin master:gh-pages，此命令會把
如果你在本地是在master分支下工作，工作完成後，輸入命令git push origin master:gh-pages，此命令的意思是把本地master分支的內容推送到遠程的gh-pages。如果遠程沒有gh-pages分支的話，會自動創建該分支，通過訪問http : //[用戶名].github.io/[index.html所在目錄]，這樣就會訪問到項目目錄下的index.html文件。還是方法一種那個例子，其訪問地址爲http://zhou1178539345.github.io/jianxiu/dist
或者最最簡單的方法就是在項目分支這裏添加一個gh-pages，然後訪問
http://zhou1178539345.github.io/commerce-page/即可，網站會自動訪問文件夾下的index文件
內容轉自 http://ylcui.top/