使用 GitLab Pages 简单搭建静态博客

音乐

打开 GitLab Pages例子页面,可以看到有很多可以搭建的 Pages,这里以 Hexo 为例。

  1. Fork Hexo这个仓库。进入你 Fork 的仓库,进入仓库设置 Settings -> General
    8cf02bab68b69e54536657913866cb27.png
    拉到底部,点击右侧的 Expand 展开 Advanced 标签。点击 Remove fork relationship 移除 Fork 关系,在弹出的对话框中输入 hexo 并确认。
    6e69857343ca138766690a91ef39ece6.png
  2. 如果你不绑定域名,你的博客博客地址就是 [你的 Gitlab 用户名].gitlab.io/hexo。此时如果你访问这个地址,会提示 404 ,这是因为 GitLab Pages 基于 GitLab CI ,有触发才会部署。可以先新建一篇文章,后缀名为 .md ,格式大概是这样:
1
2
3
4
5
6
7
8
---
title: 树莓派更换软件源一键脚本
date: 2020-07-26 14:09
tags: [树莓派,脚本]
categories: [树莓派]
---
# 介绍
由于更换软件源要手动修改文件,比较麻烦(省略1000字)

部署大概需要1分钟,部署完就能访问了。
52dc79a8278b9beaba97f9b2835ac67d.png
为了方便,可以把仓库名改为 [你的 Gitlab 用户名].gitlab.io,这样就可以直接通过 [你的 Gitlab 用户名].gitlab.io 访问博客了。
3. 为了方便,可以绑定域名。打开 Settings -> Pages ,点击右上角的 New Domain按钮,输入你自己的域名。确认以后,需要添加 CNAME记录和 TXT 记录。
1094f0349571dce8acb6eac54b966f44.png
如果我要添加的域名是 blog2.iamsjy.com,我的 GitLab Pages 域名是 hmsjy2017.gitlab.io,那我应该这么写:
0a2bfa2c6b1ee2eddc682d1f0a2b7d29.png
ba24ffbed4b63fca03c9ed5d258867ec.jpg
点这个按钮,重新验证,然后保存更改。
579c023e1c1edda54bb7bb828457bdba.jpg
这时访问绑定你绑定的域名显示不正常:
25535c099b72a79537be6a5e064104c4.png
修改配置文件即可解决。
编辑 hexo 仓库根目录内的 _config.yml博客配置文件,把

1
2
url: /
root: "/hexo/"

改为

1
2
url: [你要绑定的域名]
root: /

好了以后大概是这个样子
df8308bb5ee1ddf6de84872838e37777.png
就可以正常访问了。
主题、博客配置请自行摸索。

本文作者:Tony

本文链接: https://blog.iamsjy.com/2020/09/12/create-a-static-blog-with-gitlab-pages/

文章默认使用 CC BY-NC-SA 4.0 协议进行许可,使用时请注意遵守协议。

评论

您所在的地区可能无法访问 Disqus 评论系统,请切换网络环境再尝试。