使用GitHub.io仓库实现个人网站建站_github.io 网站

作者：我家小花儿 | 2024-06-14 23:01:53

踩

github.io 网站

前言

总体流程为注册–建立项目仓库–上传网页代码–测试

详细注册过程请自行百度，这里推荐火狐浏览器登录GitHub，可使用火狐浏览器插件进行科学上网，或不进行科学上网时也可以打开GitHub主页。

在这里插入图片描述

注意命名格式为：用户名.github.io
其他不用更改
在这里插入图片描述

点击本地上传文件
在这里插入图片描述
选择一个HTML文件，如果没有可以使用以下测试代码，在记事本里新建一个HTML文件，将代码复制进去，命名为 index.html

<!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
<p>I'm hosted with GitHub Pages.</p>
</body>
</html>
1
2
3
4
5
6
7

一定要等文件上传完毕再点提交，不然会出现空白网页
在这里插入图片描述

等待大概2~3分钟后，输入网址：用户名.github.io 即可进入网站
在这里插入图片描述
若等待之后仍是404，先查看是否项目创建时用户名和实际不同，必须要保证相同

首先进入项目，点击上传，上传本地网页
在这里插入图片描述
以 1.html 文件为例，可命名为任意形式
文件已经上传

访问成功

适合初学者使用，上传一些代码进行演示，可用于个人建站，会受到网络的限制。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/719965