博客

最近把博客从 Hexo 换成了 Hugo，顺便重新设计了一下构建和部署流程。趁热乎记录一下，也方便以后自己查。 先说结论：整体流程 简单来说就是这么个事儿： 我写 Markdown → 推到 GitHub → Actions 自动编译 → 服务器拉取 → Cloudflare 加速 画个图更清楚： 本地写文章 (Markdown) ↓ git push GitHub main 分支 ↓ 触发 Actions GitHub Actions 编译 ↓ 生成静态文件 gh-pages 分支 ↓ 服务器 git pull Nginx 托管静态文件 ↓ Cloudflare CDN 缓存加速 ↓ 用户访问 为啥要搞这么复杂？主要是不想每次改个错别字都要登服务器手动操作。 为啥选 Hugo 之前用的 Hexo，没啥大毛病，但有几个痒点： npm 依赖太多了。每次 CI 光装依赖就得好一会儿，偶尔还会出点版本冲突的幺蛾子 本地预览慢。文章多了之后，热更新明显变卡 想尝尝鲜。Hugo 用 Go 写的，据说快得离谱 实际用下来，确实快。本地预览基本秒开，GitHub Actions 那边构建也就几秒钟的事。 ...

博客上线后发现加载速度不太理想，于是花了点时间研究优化方案。这篇文章记录了从 Hugo 配置到前端样式的完整优化过程。