使用GitLab Pages,Hexo与Cloudfare搭建个人博客

一直以来,都想搭建一个静态博客。在Github,Coding,Gitlab之间考虑了很久,最终选定了Gitlab Pages作为静态博客

理由:

  • 支持自定义SSL证书,自定义域名
  • 自带CI集成,可以同时托管代码与网站
  • 免费私有项目的容量比较大,可以讲代码托管到私有仓库中,利用CI更新网站
  • 可以使用Cloudfare签发的免费证书

前期准备

  • Gitlab 账号
  • Cloudfare账号
  • 熟悉基本Git及命令行操作
  • 全局安装Hexo(npm install hexo-cli -g)

添加网站

  1. 在GitLab中新建私有项目,项目名为{USER NAME}.gitlab.io
    火狐截图_2017-12-10T07-13-21.746Z.png
  2. 本地新建文件夹,初始化Hexo网站,详情见Hexo

    1
    2
    3
    4
    $ hexo init <folder>
    $ cd <folder>
    $ git init
    $ npm install
  3. 关联Gitlab远程库 git branch --set-upstream-to origin/master

  4. 对网站进行配置
  5. 在根文件夹下添加文件.gitlab-ci.yml,内容为:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
image: node:8

pages:
script:
- npm install hexo-cli -g
- npm install
- hexo deploy
artifacts:
paths:
- public
cache:
paths:
- node_modules
key: project
only:
- master
  1. 推送代码

设置域名

  1. 注册域名。
  2. 在Cloudfare中添加网站

待添加