用github来展示前端页面

把自己的项目放到网上,但是没有服务器,没有域名怎么办?那就放在guihub上吧。

1.安装git

如果你是mac用户,那么恭喜你mac自带git命令功能,你无须安装git。如果你是windows用户,你可以前往windows地址https://git-for-windows.github.io/index.html下载并安装。

2.建立仓库

在你的github主页,我们可以点击右上角的加号按钮下的“New repository”来新建一个项目仓库,如图所示:这里写图片描述

点击之后我们给仓库取一个名字并进行相应的描述和配置后点击“Create repository”就ok了。这里写图片描述

3.上传代码

(1)打开你的目录

cd demo

(2)初始化版本库,用于生成.git文件

git init

(3)将所有文件添加到缓存区

git add *

(4)提交当前工作空间的修改内容

git commit -m "first commit"

(5)将仓库连接到远程服务器

git remote add origin <server>

(6)将改动推送到所添加的服务器上

git push -u origin master

上方server中的地址在github上创建仓库后可以找到,如下:
这里写图片描述

4.创建gh-pages分支

这里写图片描述
输入gh-pages后创建即可,这样的方式会直接拷贝master分支的所有文件到gh-pages分支,而你也可以用命令行的形式创建并重新上传一份新的代码:
(1)新建并切换到gh-pages分支

git checkout --orphan gh-pages

(2)之后的操作和之前一样,只是push的时候是gh-pages

git add *
git commit -m "update"
git push -u origin gh-pages

如此,我们的demo项目就多了一个gh-pages分支,里面的代码文件就可以用来展示页面了。

5.访问页面

创建并上传文件至gh-pages之后,我们就可以访问如下url来查看自己的demo了:

http://(user_name|org_name).github.io/repo_name

user_name:你的github账号
repo_name:你的项目名称

我的一个小小的问题

为什么要建立分支才能访问到,我也不知道,而且分支名字换一个好像就访问不到了,知道的可以解答一下我的疑问。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值