一个非技术流的blog建站流程

我终于也迎来了这一天：甭管正经博文更新了几篇，总要写篇建站日记。

网上有太多教程，而我也并没有掌握任何 coding 技能，所以只是梳理一遍流程方便后续据此查找，本篇不会涉及更细节的步骤。

多啰嗦几句为什么我会选择 Hugo + GitHub pages 的搭配。我的需求非常简单：有 RSS，不要复杂装饰，不要花哨框架，不要冗余安装。有些高度自定义需要太多设置的会在第一时间劝退我（是的我就是在吐槽 notion）。而使用 GitHub pages 无需自己购买域名，对我也是极大利好。

好了不多废话，进入极简流程。

设置流程

安装并创建Hugo站点

参考 官方文档 。

配置主题

浏览 主题列表 选定主题，阅读对应文档安装并进行个人化更改。

关联Hugo public 文件夹

创建 Hugo 站点后会自动生成 public 文件夹，将此文件夹初始化为 git 仓库并关联至个人的 username.github.io 仓库。

关联 Hugo 文件夹

将本地电脑上的 Hugo 文件夹 git push 到另一 GitHub 仓库，并在此仓库内配置 GitHub action，网上有很多现成文件可抄。目的是一旦发生 push 会自动部署到上一步的 username.github.io 仓库。另外我还设置了每天一次的定时更新，是为了兼顾我的豆瓣标记同步，下文会详说。

增加其他功能

设置评论区、增加 google analytics 统计。

设置豆瓣标记同步

教程 豆瓣书影音同步 GitHub Action | 怡红院落 (imnerd.org) ， 「电影 / 阅读」页面，顶！ :: 木木木木木 (immmmm.com) 。

设置完成后会每天抓取豆瓣的读过/看过/听过并同步到个人书影音墙。实现成果可参考 我的阅读页面 。

后续维护

每次进电脑里的 Hugo 文件夹用 hugo new post 来写新博文显然不现实，而我的本地文档都在另一 Obsidian 文件夹内进行管理。因此基于此的流程如下。

本地电脑文档同步

安装 FreeFileSync 软件，将 Obsidian 里的 blog-posts 文件夹和 Hugo 里的 content 文件夹设为 更新同步 ，并设置每日的自动更新时间。具体教程和解释可参考少数派这篇文章： App+1 | 跨平台、免费的文件同步工具：FreeFileSync - 少数派 (sspai.com) 。

这样做的好处是可以集中管理电脑里的所有文档，在 Obsidian 里写 md 文档显然更方便。写完之后无需手动转移文章对应文件到 Hugo 文件夹，而是由 FreeFileSync 完成同步。

推送更新

提前在 VS Code 软件里登录 Github 账号并关联 Hugo 仓库。

打开 VS Code 检查对应文档后 commit 并 sync 更新。没有设置自动脚本是为了多增加一次校对步骤（本人的错别字实在是太多了）！

其他

blog 的图床我也是用的 GitHub，可下载 PicGo 软件进行设置，还可在 Obsidian 中安装插件实现自动上传。

有很多细节没有详述，发现写一篇清晰易懂的教程着实是个大工程，而我既然不是专业人士也就不班门弄斧了。仅为日后自己参考使用。