注册github账号,需要注意github账号名将决定你的github page 域名

github page 域名格式为 “https://用户名.github.io”

新建GitHub库

点击左上角create repository按钮新建一个库
新建gihub库

新的github库配置

输入库的名称,格式为”你的用户名.github.io”如下图所示
新建库命名
其他的可以不用设置,点击create repository 创建库
创建库
等待后出现

创建网站文件(以下内容可二选一)

上传网站文件

点击 uploading an existing file
上传网站文件 推荐一个免费h5模板网站
或选择导入(fork)其他人的库

创建网站文件

点击create a new file
输入如下内容

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<title>hello world</title>
</head>

<body>

<h1>这是我的网页</h1>

</body>
</html>


其中文件名必为”index.html”,最后点击两次”commit change”保存修改

Github page 设置

点击setting
pages

source 并选择GitHub action
选择Static HTML
再点击两次commit change保存,接着就能看到main分支多了一个文件
点击”actions”就能看到GitHub的工作流也就是你的网站搭建过程,当出现搭建成功则说明你的网页搭建成功

验证

浏览器打开网站”https://你的用户名.github.io”就能看到结果了
网站效果展示
后面的网页美化就交给模板了<( ̄︶ ̄)↗[GO!]