Convert Long Blog Lists Into Instagram Carousels With Nano Banana, AI HTML, and OpenRouter

说明与用途

使用 Nano Banana、AI HTML 和 OpenRouter 将长博客转换为 Instagram 轮播的工作流程，支持自动生成图像、HTML 或 React 组件，并通过管理表跟踪状态。

问题

Developer sites with large markdown archives lack a scalable way to transform long blog posts into Instagram‑ready carousels, leading to manual, repetitive design work.

结果

The workflow transforms markdown blogs into Instagram carousels with minimal manual effort, supports multiple output formats, and centralizes status tracking.

工作流

• Build admin table from markdown catalog
• Derive rows with title, category, sections, slide count, status, URL
• Select a blog row and choose output mode
• If mode A: plan slides with chat, generate images via OpenRouter, preview and download
• If mode B: generate AI HTML slides, render in React, export to PNG
• If mode C: generate React component slides, preview, rasterize or keep for reuse
• Store generated status locally or in DB
• Publish PNGs or components to Instagram

证据

Without that view, every post becomes a one‑off design job. You open the essay, invent a carousel structure, rewrite the copy for mobile, pick colors, export slides, and forget which blogs you already turned into posts.

来源

One H2 ≈ one carousel slide.

来源

Use Lite when you are batching a long list. Step up to Flash or Pro when a single carousel needs sharper type.

来源