在github上在线演示项目

阅读此文前假设你已经掌握了git及github等相关知识。如果不会请先自行百度。

看完本文你将掌握 在github上创建一个属于自己的“服务器”

一、创建一个新的项目

首先点击右上角+号创建一个新的项目

再根据自己的需求填写相应的项目名称及简介

完成以上两步我们已经成功创建了一个名为project的项目,接下来我们就需要将远程仓库clone到我们本地来。

git clone git@github.com:CalmHarbin/project.git

这事我们就会多一个project的文件夹,

将终端切换到project文件夹下。执行    cd project/

此时发现我们是在master主分支上。(当前是只有master分支的)

接下来我们创建一个新的gh-pages分支

执行   git checkout --orphan gh-pages

此时本地gh-pages分支已经创建好了,并且已经切换到了gh-pages分支上了。

接下来我们创建一个test.html并写上内容测试一下。

test.html内容

<!DOCTYPE html>
<html>
<head>
	<title>我成功的演示啦</title>
</head>
<body>
	<h1>hello World</h1>
</body>
</html>

然后我们将代码push到远程仓库.

在终端中依次执行(此时是在gh-pages分支上)

git add .
git commit -m "demo"
git push -u origin gh-pages

接下来就可以成功访问啦!

访问地址:https://用户名.github.io/项目名称/文件路径

例如我的访问地址为      https://calmharbin.github.io/project/test.html

 

可以看到我已经成功的访问到我的demo啦!!!

之后我们就可以在这个分支上面上传一些我们需要展示的代码.就可以愉快的玩耍啦.

再也不怕没有服务器啦~

 

如果觉得有用别忘了给博主来个关注啦。

 

上一篇: vue路由切换动画,前进左滑,后退右滑

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值