神代綺凛

[Hexo + GitHub Pages] 零成本的 HTTPS 建站大法
本文比较适合初次尝试这样建站的萌新阅读,借助 GitHub Pages 平台,我们可以将自己的静态网站零成本托管到...
扫描右侧二维码阅读全文
29
2018/05

[Hexo + GitHub Pages] 零成本的 HTTPS 建站大法

本文比较适合初次尝试这样建站的萌新阅读,借助 GitHub Pages 平台,我们可以将自己的静态网站零成本托管到 GItHub,并且还可以使用自己的域名,甚至支持自动帮你申请 SSL 证书以开启 HTTPS 访问,可以说是非常造福射惠了~

Head Pic: 「そらたび」/「凪白みと」[pixiv]

GitHub Pages

2018年5月1日,GitHub 正式宣布 GitHub Pages (*.github.io) 支持自定义域名 HTTPS,可以自动帮你申请 Let's Encrypt 的 SSL 证书并自动部署、续期,这就非常劲爆了

这意味着你可以不用花钱去租赁主机,仅仅需要购买一个域名(如果你愿意使用 GitHub 给的 *.github.io 域名,那甚至连域名钱都不用花了),就可以享受到建站到 SSL 的全套服务,而且访问速度也不赖

当然,只限纯静态网站(仅 html + css + js),关于这个,我仅知道也只能推荐 Hexo,用的人也蛮多的

前言

本文属于启蒙型文章,因为我不用 Hexo,所以我没办法写出更深层次的教程。主要目的还是为了介绍 GitHub Pages 的 HTTPS 要点,Hexo 算是附赠的(什么鬼

我会推荐写得好的 Hexo 搭建教程文章,并补充一些关键点,以及说明 GitHub Pages 的建立。

GitHub Pages 的建立

如果你没有 GitHub 帐号那当然得注册,进入首页后点击右上角加号,“New repository”

接下来是很关键的一点,Name 必须填写成yourname.github.io的形式,将yourname替换成你的用户名,例如下图中我自己的账户的用户名是ykilin

接着,进入新建好的项目页面,点击右侧的“Setting”进入设置页面

往下拉找到“GitHub Pages”,将其开启,然后你就可以在“Custom domain”中填入你自己的域名了,记得点“Save”

以下是注意点:

  1. 设置好之后,请为你填写的那个自定义域名创建 CNAME 记录,指向yourname.github.io(将yourname替换成你的用户名)
  2. 勾选“Enforce HTTPS”即可以开启我在文章开头提到的“GitHub Pages 支持自定义域名 HTTPS”啦!
    不过如果你是刚设置好自定义域名,这个选项应该是灰色的,因为你的自定义域名的 CNAME 记录并没不会那么快生效
    你需要做的仅仅是等待,一般短则几十分钟长则几个小时,等 GitHub 认为你的解析生效了,这个勾就可以勾上了

然后你可以试着访问一下你的自定义域名,应该就有 HTTPS 并且会显示 GitHub Pages 默认页了

关于 Hexo

Hexo 是一个快速、简洁且高效的博客框架,使用 Markdown(或其他渲染引擎)解析文章

其基于 Node.js,使用上(例如新建文章)可依靠命令行快速完成

准备工作

*这些都是对于 Windows 的

Node.js

首先需要安装 Node.js,到官网 https://nodejs.org/ ,点击左侧的绿色按钮下载安装包并安装即可。

安装过程中“Custom Setup”有一个选项是要不要添加到系统环境变量(英文,注意一下有没有“Add to PATH”这个单词),一定要选

Git

直接去 Git 官网下载 https://git-scm.com/download/win

安装步骤及环境变量设置请参考 windows安装git和环境变量配置

Hexo 的使用

推荐以下几篇文章,请注意,你需要做的是参考、理解、根据你的实际需要效仿,而不是完全照搬步骤

  1. 手把手教你用 Hexo+Github 搭建属于自己的博客
  2. Hexo配合github搭建网站
  3. 通过Git将Hexo博客部署到服务器

自动化构建

部署 Hexo 等静态博客的过程其实都大体相同:
写 Markdown -> 构建 -> 推送至仓库

自从有了 GitHub Action 后,我们可以将构建这一重复性工作交给 GitHub 来进行,这样一来我们就只需要写好 Markdown 然后直接推送到仓库就行了

关于 GitHub Action 的介绍可以查看这篇文章

搬瓦工VPS优惠套餐,建站稳如狗,支持支付宝,循环出账94折优惠码BWH3HYATVBJW
年付$47CN2线路,1核/1G内存/20G硬盘/1T@1Gbps【点击购买
季付$47CN2 GIA线路,1核/1G内存/20G硬盘/1T@2.5Gbps【点击购买
Last modification:February 12th, 2020 at 01:08 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment Cancel reply

16 comments

  1. ZongC  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.25(Google Chrome 70.0.3538.25)
    请问github上能直接创建 CNAME 记录嘛
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.87(Google Chrome 80.0.3987.87)
      @ZongC 你需要在你域名的注册商或托管商处设置 CNAME
      你的域名并不是在 GitHub 托管的,GitHub 也没有域名托管服务,创建 CNAME 记录这个操作与 GitHub 无关
  2. Primykq  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
    卧槽,自定义域名居然都直接送SSL了,这也太良心了吧,一开始只是github.io的二级域名直接支持一键https的,去年7月用hexo搭的博客,在阿里云上买了域名后还是去Cloudflare上弄的免费SSL。最近搭梯子时参考了博主的建议,选了CloudCone,不得不说,2T流量实在是太给力了ORZ,等暑假忙完一波再考虑把博客丢到自己服务器上2333。(顺便吐槽一下博主您这输入特效真的骚到爆炸了)
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
      @Primykq 送的 Let's Encrypt,本来就不要钱,只是谷歌终于决定支持SSL了而已
      输入框特效博客里有文章
      https://lolico.moe/modification/js-input-effect.html
  3. Ekkles  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
    打扰一下,我想请问你的comodo的证书是直接在官网购买的吗?我刚开始学习这个,不太了解这方面,搜索引擎上推荐的乱七八糟,暂时没有头绪,希望前辈指导一哈。OωO
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.87(Google Chrome 67.0.3396.87)
      @Ekkles comodo是namecheap送的,一个人只能送3年,到时候我可能会用回Let's Encrypt
      1. Ekkles  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
        @神代綺凜 好的谢谢,那我还是Lets Encrypt好了...囊中羞涩啊
  4. zephyru  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 64.0.3282.186(Google Chrome 64.0.3282.186)
    以后用过这个...感觉还是太局限....
    现在把hexo挂在阿里云上当笔记本用..
    这两天想在阿里云申请个域名..
    域名倒是好买...
    这备案...好麻烦啊...
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @zephyru 用国外机子呀
      国内的又贵水管又小还要备案
      1. zephyru  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.7(Google Chrome 68.0.3440.7)
        @神代綺凜 大佬所言极是...不过..嘛..有点懒得再买一个了..这个98的..阿里云过期了再说吧...
        正好熟悉下备案流程...
        1. zephyru  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.7(Google Chrome 68.0.3440.7)
          @zephyru 对了..题图没有标注出处..
          1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
            @zephyru 是哦……我去补……
  5. WeiYuan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Microsoft Edge 17.17134(Microsoft Edge 17.17134)
    七刀per month的GAYHUB会员不是钱啊。逃ε=ε=ε=┏(゜ロ゜;)┛
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @WeiYuan 惹,githubpages要会员才能用的吗
      1. 凤凰紅莉栖  Windows 7(Windows 7) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
        @神代綺凜 这个7刀是私有仓库的会员吧
        1. 神代綺凜  Mac OS X(Mac OS X) / Safari(Safari)