我做了一个面向公众号作者的 Markdown 排版工具(可长期免费使用)
见字如面,与大家分享实践中的经验与思考。
这次我使用 Codex App + GPT 5.5 以及 Kiro IDE + Claude Opus 4.7,重构了之前开发的公众号排版工具。
我使用 Markdown 沉淀知识库已经好几年了。在 AI 浪潮之下,Markdown 格式的文档变得越来越重要。Spec Coding、Skills、Rules 等核心内容,很多都是基于 Markdown 语法编写的。如果你想用好 AI,却还不会 Markdown,那确实有点说不过去。它语法简单、容易上手,非常值得学习。
为什么要做这个工具
对公众号作者来说,最麻烦的并不是写作本身,而是反复调整标题、代码块、引用、间距和样式。尤其是技术文章,代码高亮和外链处理经常需要额外折腾。
如果你和我一样习惯使用 Markdown 编写文章,这个工具应该也会适合你。因为你只需要专注于内容本身,一篇 Markdown 文章就可以分发到大多数内容平台。但微信公众号是个例外,它的编辑器对样式支持相对特殊,因此市面上也衍生出了一批第三方排版平台,用 HTML 样式来美化公众号文章。
去年我第一次尝试 Vibe Coding 时,就开发了这款微信公众号排版工具。但当时对前端还不够熟悉,很多架构设计并不完善。后来个人服务器到期后,项目就暂停了一段时间,我也一直计划等有空时再重新设计和重塑。
01 Codex App 进行全流程架构重塑
终于在某个空闲的下午,我使用 Codex App 完成了一次全新的架构重塑,采用了更合理的项目结构,便于后续持续演进,也更符合我当前理解中的最佳实践。

02 Kiro + Claude Opus 4.7 进行样式美化
Kiro Pro 最近官方在做活动,可以免费领取一个月的 Pro 会员套餐,包含 1000 credits。感兴趣的话,可以抓紧去看看。

功能亮点
使用 GPT Image2 做了一张功能介绍全景图:

目前支持的核心 MVP 功能包括:
实时预览:左写右看,编辑体验接近所见即所得
一键复制:复制的是带内联样式的富文本,适配公众号后台
多主题:经典、简洁、优雅、技术四种主题
样式可调:主题色、字体、字号、代码主题都能切换
代码高亮:适合技术文章,支持多种 Highlight.js 代码主题
预览模式:响应式、移动端、宽屏,方便检查不同阅读场景
本地保存配置:内容和设置会保存在浏览器本地,不需要登录,也不依赖云端账号,保证用户隐私
项目界面如下图所示,无需登录即可使用。


技术实现
简单看一下技术实现,这里不做深入探讨。
整体实现上,编辑区负责 Markdown 输入,渲染层将 Markdown 转成安全 HTML,再结合主题配置生成适配公众号的内联样式,最后通过复制能力输出可直接粘贴的富文本。

在落地过程中,需要做如下取舍:
为什么用内联样式:公众号后台对外部 CSS 支持有限,内联样式更稳定
为什么将非微信链接转成引用链接:公众号正文里的普通外链不可直接点击,底部引用更符合实际发布场景
为什么提供移动端预览:公众号主要阅读场景在手机
为什么提供技术主题和代码高亮:面向技术类公众号写作者
最后
工具不是为了替代写作,而是为了减少排版成本,让写作者把更多精力放在内容表达上。
目前该项目已经正式上线,并采用了便于持续演进的框架,后续也会更容易扩展和维护。本文会长期收集用户需求。如果有价值,我会根据个人时间继续免费迭代。
如果你在使用过程中遇到排版问题,或者希望增加新的主题、样式和平台适配,也欢迎在评论区留言。
欢迎关注公众号“Eric技术圈”,原创技术文章第一时间推送。