长图文-排版自动化尝试(一)

status
Published
slug
long-form-automation-attempt-01
type
Post
category
Tools
date
Jul 25, 2026
tags
实践
排版
工具
summary
努力探索并用好工具,技术解放的不只是时间,更能让人把精力放回内容本身
每次发一篇推文,写内容的时间和排版几乎是1:1。尤其是想把发布在公众号的文章同步到小红书,需要将图文转换成适配的图片卡片,排版就成为了内容输出的效率瓶颈。于是,我一直想搭建一条自动排版流水线。

第一次尝试:n8n工作流

去年的12月,那段时间我每天记录所思所想,然后将一周的记录汇总成周记。周记内容会在公众号通过图文的形式发出。当时想要能够批量把发在公众号的长文转成适配的图片同步到小红书。先是尝试了小红书自带的长文排版,效果实在不尽如人意。
当时桌面智能体还没流行(QoderWork、Codex 都还没出现),我只能自己搭积木。调研一番,期望通过n8n实现推文链接转换工作流:
  1. 输入推文链接,通过HTTP请求获取网页内容
  1. 使用脚本爬取并清洗推文内容
  1. 让LLM根据给定的模板,将推文排版处理为html格式
  1. 通过puppeteer进行截图
n8n工作流
n8n工作流
公众号原始推文
公众号原始推文
 
转换的HTML
转换的HTML
思路通了,产出截图的效果也还是不错的。不过,文章截图完全由代码控制,一开始固定高度切图,常常把配图拦腰截断,或把一句话劈成两半,还有时会出现尾页图片过短的问题。为此,我只能打补丁,进行了一系列优化:限制最小高度、预判元素高度、按照元素智能计算切割点……
n8n的上手和学习也还是比较繁琐的,这条流水线就鼓捣了好几天才完成。当然,后来周记停了,这个流水线也只是成为我众多心血来潮又销声匿迹的尝试中的一个。

第二次尝试:Codex一句话排版

最近被各种Vibe Coding的公众号排版工具、长图文排版工具刷屏,让我的思绪回到了当初的尝试这次我打开 Codex,直接把一篇我排好的公众号文章丢给它,说:“分析这个排版风格,然后帮我把新文章排成同样的 HTML。”
不到几分钟,它就返回了一篇排好的文章。打开HTML,有重点有高亮,甚至还「贴心」地在应该配图的地方留了注释,建议需要配什么样的图片。
HTML中的图片备注
HTML中的图片备注
效果预览
效果预览
于是乎,我第一次不用秀米、135编辑器等排版工具,完成了用纯HTML排版的推文。当然,配图密度、加粗时机、高亮位置还需要人工调优,但基础骨架已经有了。接下来会尝试优化效果,实现一下属于自己的「排版自由」。

一点感慨

一直觉得工作之外,用AI的空间十分有限。但就公众号排版的简单尝试,从 n8n 的手动拼装,到 Codex 的意图式生成,我切身感受到工具门槛在急剧下降,也看到了更多AI应用的空间。
努力探索并用好工具,技术解放的不只是时间,更能让人把精力放回内容本身。
 

© Shansan 2021 - 2026