写在前面
网上许多关于 GitHub Pages 的教程文章由于年代久远,内容早已不再适用。我觉得也有必要写一篇文章来介绍如何以正确的姿势创建 GitHub Pages 仓库,并绑定自定义域名。
需要提醒的是,GitHub Pages 不是诸如 VPS 的服务器,它仅支持静态网页(HTML 等)而不支持 PHP 等服务器语言。
[warning]
在开始之前,你需要:
- 拥有 GitHub 账号;
- 拥有一个域名;
- 在电脑中安装并配置好 Git。
[/warning]
建立 GitHub Pages
一、创建 GitHub 仓库
打开 GitHub 页面,点击【New repository】创建一个新的仓库。仓库名称必须是“<用户名>.github.io”,其中用户名必须严格匹配你 GitHub 账号的用户名。其它设置保持默认即可。
二、用 Git 创建第一个页面
1. 在本机运行 Git Bash,然后切换到一个目录。待会要把仓库克隆到这个目录。
2. 执行以下命令。注意替换成你的 GitHub 用户名:
[code lang="bash"]$ git clone https://github.com/<用户名>/<用户名>.github.io[/code]
3. 可以开始创建第一个网页文件了。执行以下命令:
[code lang="bash"]
$ cd <用户名>.github.io
$ echo 'It works!' > index.html
[/code]
4. 推送到 GitHub 仓库。
[code lang="bash"]
$ git add . # 不要漏掉最后这个小数点
$ git commit -m "Initialization"
$ git push -u origin master
[/code]
第 3、4 步要执行的命令在下图中用红色箭头标注出来了:
检验你的 Pages
访问 https://<用户名>.github.io,已经可以打开网页了!
本文地址: https://www.jeddd.com/article/github-pages-with-domain.html
绑定自定义域名
网上很多教程叫你创建 CNAME 文件,现在已经不需要再用这种方式了。请跟随以下教程。
修改 Pages 设置
1. 进入你创建的 <用户名>.github.io 仓库,进入【Settings】。
2. 向下翻,找到设置中的“GitHub Pages”一栏,将自定义域名填入“Custom domain”选项。
提示:若未填写协议头,则默认为 HTTP。当然你也可以填写 HTTPS 域名。
修改域名 DNS
有些教程要求修改好几个 DNS 记录,那是不正确的。实际上只需要添加 1 个 CNAME 记录就够了。
为域名添加一个 CNAME 解析,记录值填写“<用户名>.github.io”。
访问新域名,成功!
如果无法访问,请等待 DNS 生效。
提示:Chrome 从 68 版本开始,所有 HTTP 网站会被标记为不安全。如果有能力申请证书,建议启用 HTTPS。
为什么你的git bash那么好看...
是吗。。?我以为大家的都是这样的