[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博客部署到服务器

搬瓦工VPS优惠套餐又又又补货啦,建站稳如狗,支持支付宝,循环出账94折优惠码BWH1ZBPVK
①年付仅需$18电信联通直连的亚洲优化线路,1核/512M内存/10G硬盘/1000GB@1Gbps【点击购买
②年付$18的可换成CN2线路(流量会变为180G),1核/512M内存/10G硬盘/500GB@1Gbps【点击购买
③年付$28的电信CN2联通直连线路,1核/512M内存/10G硬盘/500GB@1Gbps【点击购买】(购买后请到后台切DC8机房以获得最佳体验)

我的文章对您有帮助吗?
我很可爱 请给我钱
扫一扫拿红包 → 扫商家收款码 → 转账与红包相等的金额
即可免费赞赏,又可拿支付宝奖励金!
现在支付宝超抠门的,红包只给一两分钱了
Last modification:June 3rd, 2018 at 12:32 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

9 comments

  1. 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

            是哦……我去补……

  2. 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)