GitHub Pages + Jekyll + Netlify 实现 https 个性域名

2017-02-10 Lu Huang 更多博文 » 博客 » GitHub »

原文链接 https://hlthu.github.io/blog/2017/02/10/git-jekyll-netlify-https.html
注:以下为加速网络访问所做的原文缓存,经过重新格式化,可能存在格式方面的问题,或偶有遗漏信息,请以原文为准。


我是一个穷逼,也相信有很多人和我一样,不会舍得花钱去买服务器,而是选择比较稳定的 GitHub Pages 来搭建自己的博客,作为学生我还可以在 GitHub 上申请得到免费的域名 1 年。因此我想把自己的域名指向 GitHub Pages,遗憾的是,GitHub Pages 目前已经不支持 https 访问,因此只能通过其他途径,无意之中通过我朋友的博客发现了解决办法,即通过 Netlify 作为第三方支持。

搭建博客

首先你需要申请一个 GitHub 账号,网址,记住你的用户名XXXX。然后在你的 git 上新建一个 repo,名字为XXXX.github.io

然后你可以选择和我一样,使用马壮的博客,你可以到他的 GitHub 上 download 或 clone。他也在 GitHub 上写明了使用方法

设置完自己的相关信息后,请删除 CNAME 文件,然后把 _posts 里的 Markdown 文件也删除,换成自己的格式,记住文件首部要指明标题、分类等信息,如

---
layout: post
title: 使用 VBA 将 Excel 数据导入到 Word 表格中
categories: Excel
description: 将 Excel 里的数据使用 VBA 导入 Word 表格中。
keywords: Excel, VBA, Word
---

同样的,对 _wiki 目录下的 Markdown 文件也可以这么处理。

值得指出的是,这个博客目前还不支持 LaTeX 公式,找到 _layouts/default.html 文件,在首行添加下面一行代码

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

请注意,我们添加的这段代码中也有一个连接,请务必使用 https 开头的。

接着修改 Gemfile 文件,添加下面一行。

gem "jekyll"

Netlify 搭建网站

Netlify 的官网,请使用 GitHub 账号登录,然后选择你的名为 XXXX.github.io 的 repo,然后等待一段时间你的网站就建立好了。然后请设置你的 NAME 和 你自己买到的或申请到域名 DOMAIN ,如下图所示,我设置我的名字为 huanglu 于是就可以通过 huanglu.netlify.com 来访问我的网站,你的自然是 NAME.netlify.com ,而且这个网站是支持 https 的。

name-domain

域名解析

请到你的域名管理者那里设置下面两个 DNS,请把 huanglu 换成 NAME

domain-dns

域名解析可能存在不小的延迟。

启动 HTTPS

待域名解析生效后,你可以通过你的域名访问 NAME.netlify.com 。在Netlify 的官网的 HTTPS 菜单下,勾选上 Let’s Encrypt ,然后如果成功,则如下图所示。

https

以后每次 GitHub 的 push 操作都会自动触发 Netlify 重新编译部署。赶紧用 https://your.domain 来访问你的网页吧。下图是我的界面。

https://huanglu.me

参考