两种方法在github中做在线Demo演示
2017-02-24 13:06
253 查看
作为一个前端工程师,平常写一些小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
把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
相关文章推荐
- 两种方法在github中做在线Demo演示
- 在github上创建个人项目的在线演示demo
- github:前端代码在线演示方法
- jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
- 延时执行的两种方法(在线程中)
- iOS开发者两分钟学会用GitHub在Mac上托管代码的两种方法
- ArchiverDemo(两种归档的方法)
- [原创][备忘]“第五期HTML5技术分享沙龙——南京站(2011年7月16日)”Demo在线演示 及 源代码下载
- Github html文件在线预览方法
- jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
- 【自然框架】稳定版beta1的Demo —— 四:角色管理。另外 在线演示 终于搞定了
- iOS 将本地项目/demo上传到github的简单方法
- 演示两种方法来遍历文件
- 在eclipse中搭建咖啡兔的Activiti演示工程中的各种坑及其解决方法(kft-activiti-demo-no-maven)
- ionic结合免费云服务器leancloud的使用方法及Demo演示
- 如何在github中创建演示demo
- [原创][备忘]“第五期HTML5技术分享沙龙——南京站(2011年7月16日)”Demo在线演示 及 源代码下载
- 【自然框架】稳定版beta1的Demo —— 四:角色管理。另外 在线演示 终于搞定了
- 在线演示demo
- struts中调用servlet的两种方法——IcC方式和非IoC方式的代码demo