1. 程式人生 > >兩種方法在github中做線上Demo演示

兩種方法在github中做線上Demo演示

作為一個前端工程師,平常寫一些小demo或專案時會遇到這樣的情況:我想把這個html頁面呈現給別人看看,又不想把整個工程專案發給他,這樣太麻煩,要是有個能線上演示demo的平臺就好了。OK,github可以幫我們,一切都不是問題。

把github上的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