GitHub Pages 站点建设

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
.cn 域名,1个 12个月
简介: GitHub Pages 站点建设

1、简介


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


2、创建仓库


仓库名: <username>.github.iousername 是GitHub的用户名


3、创建站点


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

image.png

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


4、仓库文件目录


image.png


5、绑定域名


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


5.1、域名相关知识


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


5.2、GitHub上配置自定义域名


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


6、配置域名映射


各记录类型使用目的


记录类型 使用目的
A 记录 将域名指向一个 IP 地址(外网地址)。
CNAME 记录 将域名指向另一个域名,再由另一个域名提供 IP 地址(外网地址)。
MX 记录 设置邮箱,让邮箱能收到邮件。
NS 记录 将子域名交给其他 DNS 服务商解析。
AAAA 记录 将域名指向一个 IPv6 地址。
SRV 记录 用来标识某台服务器使用了某个服务,常见于微软系统的目录管理。
TXT 记录 对域名进行标识和说明,绝大多数的 TXT 记录是用来做 SPF 记录(反垃圾邮件)。
隐、显性 URL 记录 将一个域名指向另外一个已经存在的站点。


如下图


image.png


7、DNS检测


image.png


8、查看Pages


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

image.png


最后


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


目录
相关文章
|
6月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
23天前
|
JSON 缓存 JavaScript
使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
使用 jsDelivr 加速 GitHub Pages 的图片资源和动态编译的 JSON 资源。
21 2
|
1月前
为什么 GitHub Pages 的文章标题不能以 @ 开头?
本文记录了一个 GitHub Pages 博客网页上文章标题以 `@` 开头导致的问题,并分析了原因,提供了解决方法。
41 0
|
3月前
GitHub——使用GitHub Pages生成在线文档
GitHub——使用GitHub Pages生成在线文档
24 0
|
6月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
172 0
|
11月前
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
327 0
|
11月前
|
前端开发 JavaScript
保姆级教程:从零构建GitHub Pages静态网站(上)
保姆级教程:从零构建GitHub Pages静态网站
4753 0
|
6月前
|
存储
github pages 部署单页面
github pages 部署单页面
117 0
|
6月前
|
缓存 网络协议 CDN
Docsify 配合 Github Pages 搭建一个自己的云笔记
Docsify 配合 Github Pages 搭建一个自己的云笔记
200 0