R4y的博客
·
从vercel到Github action
💡
原文中文，约3600字，阅读约需9分钟。
📝
内容提要
作者将静态博客从Vercel迁移到使用GitHub Action进行部署，选择了texify3主题并进行了二次开发。通过GitHub Action实现自动化构建和部署，使用R2作为静态文件托管。文章还提到了遇到的问题和解决方法，认为从Vercel升级到GitHub Action更接近正式的CICD流程，是工程师的成长之路。
🎯
关键要点
- 作者将静态博客从Vercel迁移到使用GitHub Action进行部署。
- 选择了texify3主题并进行了二次开发，增加了自己喜欢的功能。
- 迁移的原因是Vercel在部署时存在Sass兼容性问题，导致CSS无法编译。
- 使用Hugo、GitHub Action和Cloudflare R2作为静态文件托管。
- GitHub Pages只支持公共仓库，因此选择R2来保护源文件。
- 通过编写yaml文件实现自动化构建和部署，分为Build和Deploy两个部分。
- Build部分包括安装Hugo和Node.js依赖，生成ShortID用于版本控制。
- Deploy部分将构建的文件上传到R2，并解决了文件版本和访问问题。
- 使用index.html文件实现自动跳转到ShortID路径，解决404问题。
- 整体迁移过程贴近正式的CICD流程，体现了工程师的成长。
➡️
