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

最新推荐文章于 2024-09-02 22:04:51 发布

原创最新推荐文章于 2024-09-02 22:04:51 发布 · 3.2k 阅读

CC 4.0 BY-SA版权

文章标签：

1 篇文章

订阅专栏

前言

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

详细注册过程请自行百度，这里推荐火狐浏览器登录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>

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

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

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

访问成功

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