码迷,mamicode.com
首页 > Web开发 > 详细

用github部署静态网页

时间:2016-05-12 13:37:20      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:

用 GitHub 来部署静态网页 ??????这个教程主要适用于直接创建仓库。想从github上直接上手的同学可以参照以上教程部署静态网页。

我想分享给大家的是,如何将已经创建了仓库并且有master分支的项目部署为静态网页。

自动生成页面

1、点击settings

技术分享

自动生成页面
仓库名和访问二级域名一致。
技术分享
跳转到这个页面,直接忽视,点击最后面的按钮。
技术分享
技术分享
随意选择,提交。
技术分享
现在我们已经生成了gh-pages分支。
技术分享
gh-pages分支内容。
技术分享

* 本地向分支推送代码*
进入目标文件夹
技术分享

查看分支

$ git branch

技术分享
只有master一个分支,因为我们刚刚是在远程仓库创建的分支,现在在本地创建同名分支gh-pages

$ git branch gh-pages

技术分享
我们还在master分支上,现在切换分支

$ git checkout gh-pages

技术分享
完美切换,现在向本地分支提交代码
技术分享
向远程仓库推送代码

$ git push origin gh-pages

一定要指明推送分支的名称!!!!
技术分享
很明显有冲突,pull回来,pull回来也要指明推送分支的名称!!!!

$ git pull origin gh-pages

技术分享
解决冲突,重新提交,还是要add
技术分享
再次push
技术分享
完美!
看看github上什么情况了。
技术分享
完美!需要演示的静态文件都在gh-pages分支上了。现在来访问一下。还记得演示地址是多少吗?嘻嘻
在settings里看
技术分享
去看看吧!这个是一个移动web应用,嘿嘿我的静态网站

同样的,我们也可以通过这种方式部署自己的静态blog。么么哒,比起coding,github自由多了。
比起blog论坛,自己设计blog更自由!!!哎,最近太忙···空了我也倒腾一个超炫的blog.( > 3 < )

用github部署静态网页

标签:

原文地址:http://blog.csdn.net/wrian_ban/article/details/51365640

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!