预览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

效果就出来了。。。。。