基于Github Page 使用 Hexo 搭建个人博客

简介

其实,网上已经有很多教程了,但是自己探索了那么久,不留下点什么,总感觉怪怪的,所以简单记录一下吧。

整体来看,就是使用 hexo 编写文章,生成静态文件,然后托管到 Github Page,最后自定义个人域名,当然也可以使用 Github Page 的域名(虽然有点长,一般是 username.github.io)。

环境准备

  • 两个仓库

    一个公有(放置 Blog 静态文件)一个私有(放置源文件,避免私密数据暴露)。

  • Hexo

    参考一下官网吧,太简单了。

    Hexo

  • 主题

    Themes | Hexo

博客部署

  • 按照 Hexo 的配置,配置完毕之后,可以使用 shell 脚本,方便部署

感觉 shell 脚本部署比Github Action 好用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
#! /bin/bash

echo '开始部署'

clean() {
echo '清除静态文件'
hexo clean
}
genarate() {
echo '生成静态文件'
hexo generate
}

deploy() {
echo '部署'
hexo deploy
}

push() {
echo '推送源代码仓库'
git add .
git commit -m 'deploy.sh push'
git push
}

main() {
clean
genarate
deploy
push
sleep 10
}

main


域名设置

如果不想换域名的,可以直接跳过本部分。

  1. 购买域名
  2. 设置 A 记录

一般可以设置两个A 记录,以简单负载均衡。

这两个 A 记录用的 IP 都是 github 官方的。

image-20220928003147686

  1. 设置 DNS CNAME

这个是最重要的,因为 DNS 依据 A 记录查询到服务器

[域名 A 记录和 CNAME 记录区别在哪?如何选择? - 腾讯云开发者社区-腾讯云 (tencent.com)](https://cloud.tencent.com/developer/article/1349559#:~:text=简单的说,A 记录直接指向 IP 地址,CNAME 记录指向域名。 IP 地址是互联网世界中唯一的,而 CNAME,地址可以按需更换,而无需变更 CNAME 的记录值。 5、域名解析选 A 记录还是 CNAME 记录)

  1. 在源代码仓库添加 CNAME 文件,内容填写你申请到的域名。

image-20220928003820609

注意事项

  • 评论系统

建议使用 Valine , GitHub isure 容易出各种各样的问题。。。

文章作者: CSJerry
文章链接: https://csdeng.github.io/2022/09/27/useHexo/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 CSJerry's Blog