用github发布静态页面

两种方法,方法一不需要任何工具,直接在网页上传,方法二安装TortoseGit

方法一

1.在github上新建一个仓库


2.填写仓库的名字,勾选public和Initalize this repository with a README.并点击创建。在这里我创建的名字叫test


3.点击Upload files


4.出现以下页面点击choose your files开始选择上传文件,文件上传后会显示在列表里。最后点击下面的绿色按钮Commit changes


5.页面上传完成出现如下页面


6.点击步骤5中最上面Settings,在Settings里设置GitHub pages,打开如下图1,如图2中选择Source,点击Save.结果如图3,图3中的地址即为静态页面的预览地址。


方法二

1.下载安装TortoseGit

下载地址 https://tortoisegit.org/download/

2.在github上新建一个仓库

3.填写仓库的名字,并点击创建。在这里我创建的名字叫test


4.创建好的页面如下,注意下图中的地址


5.在本地电脑的任一盘的任意文件夹下单击鼠标右键选择Git Clone,出现如下图,url地址更改为步骤4中的地址,点击OK。这样github上的test库就对应到了你的本机test文件夹下。


6.把需要上传的静态页面相关css,images,js和页面拷贝到test文件夹下,右键单击test文件夹,选择Git Commit->"master"...,在弹出来的对话框里输入注释信息,选择文件,点击commit


7.鼠标右键单击test文件夹,选择TortoiseGit>Push,点击OK。

8.接下来会弹出输入用户名和密码,把fithub账号密码输入,代码就开始上传至test库。成功以后刷新github,如下图

9.点击步骤8中最上面Settings,在Settings里设置GitHub pages,打开如下图1,如图2中选择Source,点击Save.结果如图3,图3中的地址即为静态页面的预览地址。

10.到此我们的页面就算发布成功啦!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值