GitHub——挂载静态网页

前言
有时候想把自己做的静态网页给别人看,得组一个服务器,在上面搭建一个网站,然后把自己的网页发布出去。但现在GitHub上面的一个Github Pages功能就可以让我们不用租服务器,借用GitHub挂载静态网页,其他人输入相应的网址后,就可以看到我们做的网页了。

文章参考:链接

步骤一:

登录Github官网:https://github.com/

1、登录后先创建一个新的仓库,操作如下:

在这里插入图片描述
在这里插入图片描述

2、创建后,会自动打开进入仓库中,进入settings选项后,往下拉,找到
GitHub pages设置界面选择主题,打开page功能:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3、上面的步骤完成后,GitHub的网页功能就配置好了,根据下面图片中的指
示,就可以查看生成的网页地址了,在浏览器中打开那个网址,就可以看到刚
才选择的主题网页了。

在这里插入图片描述

4、输入网址后,界面展示如下:

在这里插入图片描述


但是这网页并不是我们想要展示的内容,接下来就上传我们编写的网页代码到刚刚创建的仓库中,这样就可以显示我们的网页了!

上传方法有两种形式
第一种:在git Bash终端中,用命令行的形式上传代码文件。
第二种:下载github桌面版应用,用图形化界面程序操作。(推荐小白使用,不用记命令)

这里先介绍第二种步骤:

1、去官网下载github桌面版:超链接
安装后,先登录自己的GitHub账号。

2、然后选择File下的Clone repositories.
在这里插入图片描述
在这里插入图片描述

3、clone完之后你会发现路径下多了一个文件夹。然后将该文件夹里的文件都删掉,如果有.git文件,需要保留.git文件。

4、将编写的静态网页所有文件(包括相关的文件夹)都复制到本地的那个库文件夹中。

5、接下来打开GitHub桌面版。你会发现有非常多的changes,如图

在summary中随意填一些内容,如下图:
在这里插入图片描述
6、然后回到GitHub网站上,你会发现你本地上的代码都上传到GitHub库文件下了。

注意: 首页为index.htm文件,也是默认起始页面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

掏一淘哆啦A梦的奇妙口袋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值