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

Tony 32.15m2020-09-1257 次点击1 人感谢
打开 `GitLab Pages` 的[例子页面](https://gitlab.com/pages),可以看到有很多可以搭建的 `Pages`,这里以 `Hexo` 为例。
1. `Fork` [Hexo](https://gitlab.com/pages/hexo)这个仓库。进入你 `Fork` 的仓库,进入仓库设置 `Settings -> General`
![8cf02bab68b69e54536657913866cb27.png](https://ppmm.org/images/2020/09/12/8cf02bab68b69e54536657913866cb27.png)
拉到底部,点击右侧的 `Expand` 展开 `Advanced` 标签。点击 `Remove fork relationship` 移除 `Fork` 关系,在弹出的对话框中输入 `hexo` 并确认。
![6e69857343ca138766690a91ef39ece6.png](https://ppmm.org/images/2020/09/12/6e69857343ca138766690a91ef39ece6.png)
2. 如果你不绑定域名,你的博客博客地址就是 `[你的 Gitlab 用户名].gitlab.io/hexo`。此时如果你访问这个地址,会提示 `404` ,这是因为 `GitLab Pages` 基于 `GitLab CI ` ,有触发才会部署。可以先新建一篇文章,后缀名为 `.md` ,格式大概是这样:

```
---
title: 树莓派更换软件源一键脚本
date: 2020-07-26 14:09
tags: [树莓派,脚本]
categories: [树莓派]
---
# 介绍
由于更换软件源要手动修改文件,比较麻烦(省略1000字)
```
部署大概需要1分钟,部署完就能访问了。
![52dc79a8278b9beaba97f9b2835ac67d.png](https://ppmm.org/images/2020/09/12/52dc79a8278b9beaba97f9b2835ac67d.png)
~~为了方便,可以把仓库名改为 `[你的 Gitlab 用户名].gitlab.io`,这样就可以直接通过 `[你的 Gitlab 用户名].gitlab.io` 访问博客了。~~
3. 为了方便,可以绑定域名。打开 `Settings -> Pages` ,点击右上角的 `New Domain`按钮,输入你自己的域名。确认以后,需要添加 `CNAME`记录和 `TXT` 记录。
![1094f0349571dce8acb6eac54b966f44.png](https://ppmm.org/images/2020/09/12/1094f0349571dce8acb6eac54b966f44.png)
如果我要添加的域名是 `blog2.iamsjy.com`,我的 `GitLab Pages` 域名是 `hmsjy2017.gitlab.io`,那我应该这么写:
![0a2bfa2c6b1ee2eddc682d1f0a2b7d29.png](https://ppmm.org/images/2020/09/12/0a2bfa2c6b1ee2eddc682d1f0a2b7d29.png)
![ba24ffbed4b63fca03c9ed5d258867ec.jpg](https://ppmm.org/images/2020/09/12/ba24ffbed4b63fca03c9ed5d258867ec.jpg)
点这个按钮,重新验证,然后保存更改。
![579c023e1c1edda54bb7bb828457bdba.jpg](https://ppmm.org/images/2020/09/12/579c023e1c1edda54bb7bb828457bdba.jpg)
这时访问绑定你绑定的域名显示不正常:
![25535c099b72a79537be6a5e064104c4.png](https://ppmm.org/images/2020/09/12/25535c099b72a79537be6a5e064104c4.png)
修改配置文件即可解决。
编辑 `hexo` 仓库根目录内的 `_config.yml`博客配置文件,把

```
url: /
root: "/hexo/"
```

改为
```
url: [你要绑定的域名]
root: /
```
好了以后大概是这个样子
![df8308bb5ee1ddf6de84872838e37777.png](https://ppmm.org/images/2020/09/12/df8308bb5ee1ddf6de84872838e37777.png)
就可以正常访问了。
主题、博客配置请自行摸索。
收藏 ♥ 感谢
Spoony 小组长 2020-09-12 
很方便

登录注册 后可回复。