用github部署静态网页

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/WRian_Ban/article/details/51365640

用 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 < )

!!!补充
更新代码时出了点小状况,切换到gh-pages分支后,git add .,git commit -am 'update’打开本地文件,发现还是之前的文件(因为我有新建文件,一眼就可以看出没有变化)···我也不太清楚为啥··后来手动拷贝了一份到分支文件夹下,才继续了版本更新···

猜你喜欢

转载自blog.csdn.net/WRian_Ban/article/details/51365640