GitHub Pages 站点建设

1、简介

• GitHub Pages 是通过 GitHub 托管和发布的公共网页，将纯文本转换为静态博客网站。
• 您可以使用 GitHub Pages 来展示一些开源项目、博客甚或分享您的简历，有内存限制，可以绑定个人域名。
• 启动和运行的最快方法是使用 Jekyll 主题选择器加载预置主题。 然后，您可以修改 GitHub Pages 的内容和样式。👉 文档

2、创建仓库

仓库名： <username>.github.io

username 是GitHub的用户名

3、创建站点

在 repo 下创建 README.md文件，随便写点东西保存。然后，点击 settings选项卡，单机左侧 Pages进行设置，如下图：

image.png

🔊 此时站点已经建成，可以放为 https://<username>.github.io/ 查看，如果已经有个人域名了，也可以绑定个人域名，继续往下看👇

4、仓库文件目录

image.png

5、绑定域名

我个人购买的一级域名是 i-xiao ，域名后缀是 space，专门给GitHub Pages 增加一个CNAME记录（blog），解析二级域名，绑定 <username>github.io 域名。

5.1、域名相关知识

• www：主机名，i-xiao : 域名主体(一级域名)，.space : 域名后缀 注册一级域名的时候是需要付费的
• 二级域名，是依附一级域名的存在而存在的，也就是说要是顶级域名消失了，二级域名也也会不复存在。反而来说，二级域名的网站不做了，主域名网站是不受影响的。
• 一级域名、二级域名区别： DNS收录一级域名更快；还有就是解析速度，下一跳路由就不说了，找到目的主机之后，二级域名层级更深，需要多一层计算（其实这是我瞎写的🤣，猜测应该跟 nginx location匹配类似）

5.2、GitHub上配置自定义域名

进入 <username>github.io 仓库，进入设置页面，点击左边 Pages 选项卡，进行下面的配置。

image.png

6、配置域名映射

各记录类型使用目的

如下图

image.png

7、DNS检测

image.png

8、查看Pages

成功解析之后，还存在DNS缓存，一般还需要再等待一会（一般十分钟，或许更长时间）才能生效，如下图成功显示👇

image.png

最后

站点绑定的域名已经更换，访问请到👉 这里

🎈🎈🎈

🌹 持续更文，关注我，你会发现一个踏实努力的宝藏前端😊，让我们一起学习，共同成长吧。

🎉 喜欢的小伙伴记得点赞关注收藏哟，回看不迷路 😉

🎁 欢迎大家评论交流, 蟹蟹😊