基础流程

创建仓库

创建一个仓库名为账户名.github.io
比如我的账户名为refanbanzhangwork,那么我的仓库名就填写:refanbanzhangwork.github.io
image.png
其他位置保持默认就好了,然后点击Create repository按钮。

创建index.html

上一步点击创建仓库按钮之后,会来到仓库页面,在这里,我们点击creating a new file按钮,创建一个index.html文件。
image.png

内容随便写的点什么,也可以参照下面的模板,这里的内容一会儿将显示在我们的个人网页。

image.png

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Github Pages</title>
</head>
<body>
  <h1>Hello World!</h1>
</body>
</html>

然后点击右边的Commit changes...按钮,保存index.html

配置Github Pages

我们来到Settings-Pages页面。
image.png

然后对branch字段进行修改。
None修改为main,然点击Save

修改前:
image.png
修改后:
image.png

验证结果

最后,我们使用账户名.github.io这个地址访问你的个人网页。
以我的账户为例,地址就是:https://refanbanzhangwork.github.io

不出意外的话,就能看到我们在index.html中写入的内容了。

image.png

注意事项

-


热饭班长
3.7k 声望434 粉丝

先去做,做出一坨狗屎,再改进。