Skill + Nano Banana + GitHub Action + Vercel Deploy:博客自动化
这个自动化流程我折腾了很久,但之前效果一直很差。
链接:https://www.aitmpl.com/blog/
直到几项技术突破终于凑齐了。下面是我目前完整的实现流程……以及我计划如何持续优化它:
1- Claude Skills:
一个 Skill 会搜索我想写的组件。我审查组件,查阅 Anthropic 对该组件的文档,获取写博客所需的完美上下文。
这个 Skill 自带扎实的博客结构、Mermaid 图表、安装说明、用法和效果。全部由我验证通过。这就是我使用 Agents、Commands、Settings、Hooks、MCPs 和 Skills 的方式。
2- Nano Banana:
我用 Nano Banana 制作博客封面。不需要花里胡哨、色彩繁多的封面。技术博客直接了当就行。开发者并不在意繁重的设计。
3- GitHub Action:
我每天运行一次这个流程,为 http://aitmpl.com 上下载量最高的组件写一篇博客。社区持续分享组件是好事,但如果不知道如何以及何时使用它们,最重要的部分就丢失了。
4- Vercel Deploy:
自动部署,新博客准备就绪并发布。
未来改进:
- 在部署前增加一个审核步骤,先预览博客再发布。目前我直接在线上审核,发现改进点就发 hotfix。
- 通过 Telegram 发送博客预览通知,这样我可以在 Telegram 上阅读、直接通过 Claude 请求修改,然后批准部署。
- 通过 Discord 通知社区有新博客发布。
- 每次我批准社区贡献到仓库的新组件的 PR 时,触发这个流程。
完全开源:https://github.com/davila7/claude-code-templates
用 PR 贡献你的组件,或者点个 ⭐️ 表示支持吧。