免费静态网站托管服务-GitHub Pages介绍

项目前言:我个人做的前端页面需要在发布前临时展现给公司领导看

在vercel部署网站后发现需要VPN翻墙才可以,国内无法查看来做的,通过在CSDN查找资料来做发现不是特别理解(主要是我个人原因,刚入行不怎么懂),个人结合B站后总结做出来的这篇静态网站部署。

本次主要参考一下两位老师的资料学习后制作,也可以直接去看两位老师的教程。

博客主要信息来源:CSDN的Dontla老师写的以下链接文章GitHub Pages介绍(GitHub提供的免费静态网站托管服务,允许用户通过GitHub仓库直接创建和发布网页)github网页、github主页、github项目页面-CSDN博客

B站主要信息来源:B站的-朱珠-老师发布的以下链接视频
【免费部署一个静态网站!在GitHub上部署静态网站教程-哔哩哔哩】 https://b23.tv/U9ZV8Uw

以下是我个人的一些拙见,

1.首先你得有GitHub账号(没有得同学需要注册一下),有的话直接开始
2.进入首页直接点击下面页面右边左上角弹出得第二个选项Newrepository(新存储库)(本条有中英文页面)2.注意点:进入这个页面什么都不用改,在“Repository name*”下面得框里(绿色字体)输入“你的GitHub名称”.github.io。以我自己为例子我叫River-0216,那么名称应该是:River-0216.github.io​​​​​​​
(其实随便填也行,但是我建议你先向我这样弄)

3.输入后下面会出现绿色得英文字体,代表你可以使用这个仓库名称,然后直接点击页面最右下角得绿色背景得字(创建存储库)

4.额外注意:不要修改可见性,不然没办法部署得,有隐私得同学谨慎使用5.看到下图蓝色得字体了嘛?or前面得是创建新文件(需要你自己写html格式的前端代码)
6.or后面的是上传现有文件,也就是你写好的项目(我讲解的主要也是这个),点进去7.把文件拉到页面中蓝色字体“River-0216.github.io-/”下面的方框区域即可上传,上传后点击页面左下角的绿色背景(里面的英文提交更改)8.上传文件后进入到这个页面,点击“Settings”进入设置9.点击“Pages10.点击”None“,选择”main11.再点击Save“,然后等待30秒以上,不行就多刷新两次12.红框内就会出现网址,我个人的就不给大家看了哈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值