很久之前拿 WordPress 也搭建过一次博客，当时还在本科，技术水平有限，几乎是看着教程，用着宝塔面板一步一步来的，光是把网站建成就花了不少力气，然后当时添加博客内容好像还要远程登录到服务器，实在是有点不方便。

正好现在 Vibe Coding 大行其道，一直想着重新搭建一次博客的想法也得以转化成现实。之前折腾遗留下来的域名这次也正好沿用一下。

我本科之后就不喜欢在微信、小红书这些社交媒体上发一些生活相关的分享，不懂为什么总感觉难以启齿。技术类东西更是没法在朋友圈分享，博客正好作为一种出口吧，就在这里分享一些技术问题和生活吐槽。

本文简单记录使用 Hugo 静态站点生成器搭建个人博客，并通过 GitHub Actions 自动部署到 GitHub Pages 的过程。

环境准备

• 安装 Hugo（本站使用 v0.157.0）
• 安装 Git
• 一个 GitHub 账号

创建 Hugo 站点

hugo new site my-blog
cd my-blog
git init

安装主题

这里使用 Beautiful Hugo 主题，通过 Git Submodule 方式引入：

git submodule add https://github.com/halogenica/beautifulhugo.git themes/beautifulhugo

主题自带了一个 exampleSite 目录，可以将其内容复制到项目根目录作为起步模板：

cp -r themes/beautifulhugo/exampleSite/* .

然后在 hugo.toml 中确认主题配置：

theme = "beautifulhugo"

其他需要自定义的配置项包括 title、subtitle、[Params.author] 中的个人信息、[[menu.main]] 导航菜单等，按需修改即可。

本地预览：

hugo serve

浏览器访问 http://localhost:1313/ 即可看到效果。

编写文章

在 content/post/ 目录下创建 Markdown 文件：

hugo new content/post/my-first-post.md

文件开头的 front matter 控制标题、日期、标签等元信息：