前段时间在 B 站学习了怎样做一个静态网页(up 主是 表严肃 ),朋友问我他能不能访问我的这个静态网页,我说还没把它挂到网上。今天看见一篇文章说可以在 GitHub 部署自己的个人网站,心血来潮,想做一个玩玩,把上次的静态网页挂上去,让朋友来访问。网上教程一大堆,视频也一大堆,但没几个能看懂,我跟着做了几步就做不下去了。后来发现,其实很多是在教怎样搭建博客,这和我想把网页部署上去有点的区别。我想可能会有人和我一样只是想把网页部署上去,所以在此写一篇博文,记录下过程,方便大家。先感谢下让我解决问题的博主,本文是以她的文章为参考而写。
准备工具:1.GitHub 2.Git 3. 自己写好的 HTML 网页
1.GitHub 需要注册,到哪里注册呢?自己百度 GitHub 吧。全是英文,看不懂?那我推荐个 B 站的 GitHub 的教学视频, https://www.bilibili.com/video/av10475153/ 建议从第 18 分钟看起,前面讲的太啰嗦。
2.Git 的下载和安装,地址:https://git-scm.com/,下载需要 VPN。VPN 我用的是蓝灯,它有免费版。Git 怎样安装呢?B 站的视频, https://www.bilibili.com/video/av10475153/#page=6 ,看这个视频应该够了。因为我看了很多博客,还配置了环境变量,所以不确定,
3. 自己准备写好的 HTML 网页。
开始进入主题
1. 进入 GitHub,创建一个 repository,见图
2. 完成选项后点击绿色框 create repository
3. 点击 setting
4. 找到 GitHub pages,点击 none,选择 master branch,然后 save 保存。
5.save 保存成功,网页自动刷新,你再次回到 GitHub pages,红线部分是你的网址。
6. 打开我的电脑,在一个你认为 OK 的磁盘中,我是 F 盘,鼠标右击选择 git bash here,弹出黑框框。
7. 输入如下命令,用来在 f 盘创建 aha 文件 (随意取名) 放在你的 GitHub 上的 test1 repository,克隆 test1 repository 到 aha 文件中
8. 这时你可以看看 aha 中是否有这文件
9. 将自己写好的网页文件放入 aha 中的 test1 中
10. 回到黑框框,执行以下命令
11. 注意 add 后面有个空格再加一点,我第一次输入就忘了
12. 在输入最后一行命令 git push 后,等一会可能会跳出需要你输入 GitHub 账号密码的框,由于我瞎搞时输入过,所以在此没有图,
13. 在浏览器中打开新窗口,输入 GitHub pages 给你的地址,再加上你上传的网页文件中的主 html 文件,就可以访问你的网站了。其实直接输入 GitHub pages 给你的地址也可以