博客从Hugo迁移到Astro

变更内容

• 域名变更: 为了和 github 用户名保持一致, 域名从 chenkai.life 迁移到了 ckvv.net, 旧域名将重定向到ckvv.net, 旧的域名到期后将不再续费
• 资源页面: 新增了资源页面, 用于管理博客中引用的静态文件, 文件存储在 cloudflare 对象存储(感谢 cloudflare 大方的额度, 免费的 10 G 对我来说足够使用了), 另外我将后台代码也开源出来了, 感兴趣可以移至该项目 ckvv/cloudflare-worker
• 博客页面基本没什么变化
• 博客路径, 对于博客内容统一添加了/blog前缀,
• 评论内容原封不动保留

为什么从 Hugo 迁移到 Astro

由于 hugo 处理复杂交互以及扩展 markdown 能力较弱, 最近博客从 Hugo 迁移到了 Astro, Astro 支持在项目以及 markdown 中集成像 React、Vue、Svelte 这类流行的前端框架组件

除了 Astro 类似替代方案也不少, 比如 Vitepress 或者 Nuxt, 与它们相比, Astro 可以更灵活引用其他框架组件, 还可以通过仅使用astro 组件 减少打包后的没有引用 Vue | React 或者其他框架的博客大小

部署与优化

博客需要通过 GitHub Action 自动更新部署, 迁移到 Astro后 博客更新时间从40秒延长到了90秒, 部署时间主要分为打包和部署更新两个阶段, 不同框架部署更新阶段逻辑是一样的(20秒), 但是在打包阶段 Astro (60秒)要比使用 hugo (20秒)长很多, 这主要是因为打包 Astro 需要安装依赖以及打包时间较长的原因,

• hugo 打包时间

• Astro 打包时间

GitHub Action 可通过缓存待依赖库优化打包时间, 具体参考 https://github.com/ckvv/ckvv.github.io/blob/main/.github/workflows/pages.yml

• 优化后的 Astro 打包时间

GitHub Action 过程时间是仅供参考