預覽github裏面的網頁或dome

1.問題所在：

以前把項目提交到github均可以在路徑前面加上http://htmlpreview.github.io/?來預覽demo,最近發現這種方式預覽的時候加載不出來css,js（緣由不詳）因此找了另一種辦法來預覽加載

當咱們在本地寫好一個小項目的時候用webStrom上傳到github（上傳方法參考http://www.cnblogs.com/hfxm/p/5633910.html）以後倉庫是這樣的：

 

點擊html頁面出來的是代碼，沒法看到顯示的網頁效果

但是本身想看到本身的網頁效果怎麼辦~~~

2.解決問題的方法：利用githubPage

   第一步找到settings

 

   第二步：點擊後找到 GitHub Pages 點擊Launch automatic page generator

接着點擊右下角 Continue tolayouts

接着點擊puhlish page

第三步： 回到咱們的倉庫whuchool,點擊master出現了gh-pages

  小胖友們看到這裏必定會有疑問，預覽到的是githubpages的效果，並非你本身網頁的效果，不要緊 

  注意：咱們生成githubPages的目的就是須要生成一個gh-pages分支(我們正常狀況下只有一個master分支)

第四步：將遠程倉庫從新克隆到本地

這裏我用的git工具克隆，打開咱們本地頁面右鍵選擇git Bath here

 

 在git裏面輸入命令：

 

此時本地文件裏面又多了一個一樣名字的倉庫文件

 

 

第五步：將分支切換到gh-Pages

$ cd whuschool（進入到你克隆倉庫的本地文件夾）
$ git checkout gh-pages（將master分支切換到gh-pages分支上）

 

第六步：並從新上傳到github上
將本地克隆的文件刪了（e/yue/whuschool/whuschool裏面的文件刪了），而後把你想要展現demo頁面相關的文件粘進去
接着，執行如下語句

 

 $ git add . （將本地全部文件加到倉庫裏） 
 $ git commit -m "message" （設置提交信息） 
 $ git remote add origin git@github.com:lanyanjing-2016/whuschool.git（本地倉庫連接遠程倉庫） 
 $ git push -u origin gh-pages （push文件到倉庫中）

 

 再打開咱們的倉庫選着gh-pages看到的就是咱們本身的代碼了

接下來點擊setting,找到咱們的gh-pages地址就能夠預覽了

咱們想預覽裏面的index.html 就能夠在地址欄輸入https://lanyanjing-2016.github.io/whuschool/index.html

效果就出來了。。。。。