你有没有过这种经历:在Markdown编辑器里洋洋洒洒写完一篇稿子,逻辑顺畅、案例扎实,自我感觉相当良好。
然后你把它复制到公众号后台——格式全乱了。标题大小不对,段间距忽大忽小,代码块变成一坨,图片链接还丢了。你叹了口气,开始手动调字体、调颜色、调边距,半小时过去了,文章还没发出去。
说实话,这感觉真的太熟悉了。而且不只是公众号,知乎、小红书、X平台,每个平台都有自己的“脾气”,同一份内容想多发几个地方,排版就得重新来一遍。明明内容才是核心,结果大量时间耗在了“让东西看起来像样”这件事上。
前阵子Claude Code团队发了条推文,说他们内部已经不写Markdown了,所有文档全部直接出HTML。理由特别直白:“Markdown是给作者爽的,HTML是给读者爽的。”这句话乍一听有点极端,但仔细想想确实在理。你在Markdown里写的“## 大标题”,在公众号里渲染成什么样,全看后台的解析规则。可如果你能直接控制标题的字体、间距、配色,甚至让每个章节的视觉风格都不一样,那读者看到的才真正是你想呈现的东西。
问题在于,普通人谁有耐心手写HTML和CSS?
这就是html-anything这个项目想解决的事情。它背后的团队叫nexu-io,就是那个做了Open Design的团队,GitHub上四万多颗星,两百多位贡献者,属于那种“你可能没听过名字但绝对用过他们生态里某个东西”的类型。他们做html-anything的逻辑特别简单:让本地AI Agent帮你把内容直接变成能发布的HTML,你只管输入,排版的事交给AI。
而且它有一个非常实在的设计——零API Key。这年头AI工具满天飞,动不动就要你充值、买额度、配密钥。html-anything不搞这一套。它直接复用你电脑上已经登录的AI编码工具,比如Claude Code、Cursor、Gemini CLI、GitHub Copilot这些。
只要你在终端里做过一次登录,它启动时自动扫描到你的环境,直接调用,边际成本为零。你不用多花一分钱,也不用把内容上传到任何第三方服务器,所有事情都在本地完成。隐私和钱包,双双保住了。
更让我觉得眼前一亮的是它那75套Skill模板。说实话,很多AI排版工具最大的问题就是“AI味”太重——字体随便挑、间距随缘、配色要么性冷淡要么辣眼睛。html-anything的做法是在每个模板里硬编码了一套设计约束:中文字体优先用Noto Sans/Serif SC或思源系列,所有间距必须是8像素的倍数,对比度不低于4.5,不能用纯黑和纯白,不能出现Lorem Ipsum占位文本。
这些规则听起来像设计师的强迫症,但恰恰是它们保证了AI生成出来的东西“看起来像是人做的”。
模板覆盖的场景也很全。想做杂志风长文章?有。想做瑞士国际风格的Keynote演示?有。想生成小红书配图、X平台引用卡、Spotify风格分享图?全都有。甚至连产品需求文档、OKR看板、周报、发票、入职指南这些办公场景都考虑到了。
最让我意外的是它还有Hyperframes视频分镜模板,什么故障风标题帧、电影光漏效果、像素动画,生成完直接可以丢进Remotion渲染成mp4。
实际用起来的体验也很有意思。它用的是SSE流式渲染,AI生成HTML的过程是实时可见的——你能看着页面一行一行“长”出来,像看一个人在打字。如果生成到一半你觉得方向不对,随时打断,重新给指令,不会浪费一次完整的生成。这种“所见即所得”的感觉比那种等半天弹出一个结果的黑盒模式舒服太多了。
最实用的还是它的一键导出功能。生成好的HTML会自动用juice把CSS内联,复制到微信公众号后台直接粘贴就行,格式原封不动。发X平台、微博、小红书的话,它会把页面渲染成2倍分辨率的PNG自动复制到剪贴板,你打开发帖框直接粘贴图片就完事了。
知乎更贴心,LaTeX公式会自动转成图片占位符,因为知乎不认KaTeX实时渲染,这个细节都能照顾到。你也可以下载独立的HTML文件或者高清PNG,存档、发邮件、二次修改都方便。
说真的,用完之后我最大的感受是:我们这代人花在“排版”上的时间实在太多了,而这些时间本来可以用来写更多好东西。html-anything不是要替代你的创作过程,它替代的是那个繁琐的、重复的、让你烦躁的“后期制作”环节。Markdown仍然是很好的草稿格式,简洁、专注、不打扰思路。但从草稿到成品的那一步,以后真的不用自己动手了。
如果你的电脑上本来就装着Claude Code、Cursor或者Gemini CLI,不妨去GitHub上搜一下这个项目,clone下来跑一跑,三十分钟就能上手。然后把省下来的排版时间,拿去喝杯咖啡,或者多写一篇文章。
排版这种事,以后就交给AI吧。