两种方法在github中做在线Demo演示

作为一个前端工程师，平常写一些小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://blog.csdn.net/sinat_29412671/article/details/53634854

文章来源: hiszm.blog.csdn.net，作者：孙中明，版权归原作者所有，如需转载，请联系作者。

原文链接：hiszm.blog.csdn.net/article/details/56838359