GitHubPages绑定域名教程:免费空间+域名配置指南
时间:2026-02-09 17:42:31 305浏览 收藏
文章不知道大家是否熟悉?今天我将给大家介绍《GitHub Pages绑定域名教程:免费空间+域名配置指南》,这篇文章主要会讲到等等知识点,如果你在看完本篇文章后,有更好的建议或者发现哪里有问题,希望大家都能积极评论指出,谢谢!希望我们能一起加油进步!
可通过免费二级域名(如.tk/.ml)绑定GitHub Pages实现零成本专属域名:获取域名→仓库根目录创建CNAME文件→设置Pages发布源为main分支根目录→DNS添加四条A记录→启用Enforce HTTPS。

如果您希望为GitHub Pages站点配置专属域名,同时避免支付额外费用,则需要通过合理利用GitHub Pages的免费托管服务与可免费获取的域名资源来实现。以下是完成该配置的具体步骤:
一、获取免费二级域名
部分域名注册商或服务商提供永久免费的二级域名,例如Freenom曾提供.tk、.ml、.ga等后缀的免费域名(需注意当前可用性及注册政策变动)。此类域名可直接用于GitHub Pages绑定,无需支付年费。
1、访问支持免费二级域名的服务平台,如freenom.com(以实际可访问页面为准)。
2、在搜索框中输入期望的域名名称,选择.tk、.ml、.ga、.cf或.ovh等可用后缀。
3、点击“Checkout”进入结算流程,将注册时长设为12个月(免费选项)。
4、填写必要联系信息并提交订单,完成DNS所有权验证(通常需邮箱确认)。
5、登录账户,在Domains → My Domains中查看已注册域名,并记录完整域名,例如yourname.ml。
二、配置GitHub仓库CNAME文件
GitHub Pages要求通过CNAME文件声明所使用的自定义域名,该文件必须位于发布源的根目录下,且内容仅包含一行纯域名文本,无协议、无路径、无空格。
1、进入您的GitHub Pages项目仓库主页。
2、点击“Add file” → “Create new file”,在文件名栏输入CNAME(注意大小写,不可加扩展名)。
3、在编辑区输入您获取的完整域名,例如yourname.ml,不带http://或www前缀。
4、滚动至页面底部,填写提交信息,点击“Commit new file”。
三、设置仓库Pages发布源与分支
确保GitHub Pages功能启用并指向正确的构建源,否则CNAME文件不会生效。默认情况下,gh-pages分支或docs/文件夹为常见发布路径,但推荐使用main分支的根目录以简化管理。
1、进入仓库Settings → Pages选项卡。
2、在“Source”区域,将Branch设置为main(或master,依仓库初始化情况而定)。
3、将“Folder”选项设为/(root),确保CNAME文件位于发布根路径。
4、点击“Save”,等待页面右上角出现绿色提示“Your site is published at https://username.github.io”或对应自定义域名链接。
四、配置DNS解析记录
需将免费域名的DNS解析指向GitHub Pages服务器IP地址,GitHub官方指定使用四个A记录或一个ALIAS/CNAME记录(取决于DNS服务商支持情况)。推荐优先采用A记录方式,兼容性更广。
1、登录免费域名管理后台,找到DNS Management或Name Server Settings。
2、删除所有默认NS记录(如有),确保使用服务商提供的DNS系统而非外部NS。
3、添加四条A记录,Host均填@,Value分别填入:185.199.108.153、185.199.109.153、185.199.110.153、185.199.111.153。
4、保存全部更改,等待DNS全球同步(通常需数分钟至72小时)。
五、验证HTTPS强制启用状态
GitHub Pages自动为绑定成功的自定义域名提供Let’s Encrypt证书,但需手动开启HTTPS重定向,否则可能因混合内容或未加密连接导致页面加载异常。
1、返回仓库Settings → Pages选项卡。
2、向下滚动至“Custom domain”输入框,重新输入您的域名,例如yourname.ml,点击“Save”。
3、稍等片刻,页面刷新后检查下方是否出现“Enforce HTTPS”复选框。
4、勾选Enforce HTTPS,确保所有HTTP请求自动跳转至HTTPS版本。
以上就是《GitHubPages绑定域名教程:免费空间+域名配置指南》的详细内容,更多关于的资料请关注golang学习网公众号!
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
117 收藏
-
334 收藏
-
275 收藏
-
217 收藏
-
167 收藏
-
204 收藏
-
447 收藏
-
345 收藏
-
200 收藏
-
325 收藏
-
382 收藏
-
388 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习