内容创作 / 工作流案例

技能 + Nano Banana + GitHub Action + Vercel 部署:博客自动化

初级到中级 首次搭建后持续迭代 @dani_avila7
结果

把博客生产拆成 Claude Skills 检索写作上下文 → Nano Banana 出封面 → GitHub Action 定时生成 → Vercel 自动发布 的开源内容自动化流水线

适合谁

想把技术博客生产流程自动化并保留人工 review 节点的开发者/内容团队

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 贡献你的组件,或者点个 ⭐️ 表示支持吧。

相关案例