【独家揭秘】一键生成公众号排版,告别排版烦恼!提示词直播后公开

不知道你有没有类似的烦恼。

微信公众号排版太麻烦了。

好在年初发现个开源的 Markdown 排版神器。

特别适合用来写公众号,教程如下:

【推荐】微信公众号排版神器 + AI Prompt 技巧,应群友要求创作,耗时3小时。

实话说,这工具已经足够方便,但依然有门槛。

对普通人来说,还要学 Markdown,太麻烦了!

我在想,能否更进一步(更懒),完全 AI 自动排版,人只需要复制粘贴。

答案是:完全可行

生成效果展示


图片

背后探索

几个月前就探索成功,还录了个视频 Demo

最近Claude 4更新,花 4 个小时迭代提示词,效果终于达到满意程度。

试着发了几篇 AI 自动排版的文章。

没开推送,但还是被懂行的朋友们看到,都十分好奇。

图片

原计划和姚老师后续直播,主题「用 AI 解决 100 个问题」。

把这个实践作为案例,直播后分享提示词和插件。

不秀一把,怎么说服大家买我们的课,哈哈哈。

www.ailingdaoli.com

不过,今天可以先分享下思路和原理。

如果你懂一些AI编程,看完这篇,复刻应该不难。

另外,对直播感兴趣的朋友,群在这里:

原理解释

公众号其实一直是支持 SVG 和 HTML的。

如果你有印象的话,苹果、奔驰等大品牌公众号,产品发布经常整活儿。

用公众号实现各种动画和交互,非常炫酷。

各种案例库:

https://mp.weixin.qq.com/s/RZkQBcydGRABtCv-R1KPCQ

这种都是专业团队设计开发,成本动辄几万几十万。

咱们要求不高,就是插入展示类 HTML ,最多给SVG图加些动效。

难点两个:

① 如何生成好看的微信公众号支持的 HTML
② 如何将 HTML 插入公众号,正常渲染

展开说说

生成好看的 HTML

这比较容易。

用前端网页审美最好的模型:Claude 4 Sonnet。(Opus不见得更好)

对比过其他模型 Gemini 2.5 Pro、GPT 4.1、Grok、豆包等,都不如Claude。

不少朋友常用歸藏和我的一些提示词。

生成的网页都很漂亮,原因是用了很多外部标准 CSS、JS库。

但公众号有诸多限制,这些都不能用。

技术差异

因微信公众号限制,不支持引入外部 CSS、JS库。

甚至不能用独立的style标签

所有样式都需要内联搞定。

你的代码甚至可以不是完整 HTML 。

只需要用<section><div>标签包裹代码即可。

另外,如不是调 API 直接发布,预览没问题的SVG动效。

发布后会失效,如路径动画、位移动画、颜色渐变动画等。

可支持的内联 SVG 动效有:旋转、缩放、透明度、形状变形等。

以上,都是自己测试,总结出的经验。

在修复大量细节问题后,提示词越来越复杂。

最新 v1.8 版已经膨胀到快 500 行 😂😂😂

图片
图片

生成代码渲染

如果没有工具,只能手动修改页面 DOM,插入HTML。

(忽略我在说什么,总之就是麻烦)

用 Cursor 写了个油猴脚本,把插入HTML功能嵌到公众号编辑器后台。

图片

油猴脚本

图片

Chrome插件下载

https://chromewebstore.google.com/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo

后记

理论上,任何主题或内容。

都能让 AI 生成微信公众号专属的 HTML 代码,快速发文。

不论是书籍总结、技术分享,还是日常随笔、产品推广。

只需一段提示词,就能轻松搞定。

不久的未来,我们消费的大量内容应该都是 AI 生成,这个趋势不可避免。

面对这样的大环境。

有自己风格,笨拙的人肉创作,反而更加难能可贵。

只有带着个人温度和思考的作品。

才能在海量同质化的 AI 内容中脱颖而出,真正打动读者。

正因如此,我才要卷自己,尽量每天更新。

探索 AI 能力边界同时,努力保留属于自己的表达方式。



姚老师和我计划,每天更新文章,每周四直播(这周可能够呛)。

AI实战交流群: