用github发布静态页面

xiaoxiao2021-02-27  308

两种方法,方法一不需要任何工具,直接在网页上传,方法二安装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.到此我们的页面就算发布成功啦!

转载请注明原文地址: https://www.6miu.com/read-4288.html

最新回复(0)