用 GitHub Pages 托管网页并绑定域名的正确姿势

2018年8月2日 2 条评论 97 次阅读 1 人点赞

写在前面

网上许多关于 GitHub Pages 的教程文章由于年代久远,内容早已不再适用。我觉得也有必要写一篇文章来介绍如何以正确的姿势创建 GitHub Pages 仓库,并绑定自定义域名

需要提醒的是,GitHub Pages 不是诸如 VPS 的服务器,它仅支持静态网页(HTML 等)而不支持 PHP 等服务器语言。

在开始之前,你需要:

  1. 拥有 GitHub 账号;
  2. 拥有一个域名;
  3. 在电脑中安装并配置好 Git。

 

建立 GitHub Pages

一、创建 GitHub 仓库

打开 GitHub 页面,点击【New repository】创建一个新的仓库。仓库名称必须是“<用户名>.github.io”,其中用户名必须严格匹配你 GitHub 账号的用户名。其它设置保持默认即可。

 

二、用 Git 创建第一个页面

1. 在本机运行 Git Bash,然后切换到一个目录。待会要把仓库克隆到这个目录。

2. 执行以下命令。注意替换成你的 GitHub 用户名:

$ git clone https://github.com/<用户名>/<用户名>.github.io

3. 可以开始创建第一个网页文件了。执行以下命令:

$ cd <用户名>.github.io
$ echo 'It works!' > index.html

4. 推送到 GitHub 仓库。

$ git add .    # 不要漏掉最后这个小数点
$ git commit -m "Initialization"
$ git push -u origin master

第 3、4 步要执行的命令在下图中用红色箭头标注出来了:

 

检验你的 Pages

访问 https://<用户名>.github.io,已经可以打开网页了!

本文地址: https://www.jedbit.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。

 

Jed

一名狂热的技术爱好者。

文章评论(2)

  • Yzstr

    为什么你的git bash那么好看...

    2018年8月7日
    • Jed

      是吗。。?我以为大家的都是这样的

      2018年8月7日
  • 提示:有人回复时会邮件通知您