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

效果就出来了。。。。。