不知道你有没有类似的烦恼。
微信公众号排版太麻烦了。
好在年初发现个开源的 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实战交流群: