Article

从 DESIGN.md 得到启发,我重构和开源了一个公众号排版工具

更新于:2026-04-21 14 min read

年初的时候,我订阅了 GLM 的 Lite 套餐,一直闲置,抱着不用就是亏的心理,就一直在思考平时的痛点。

我是个设计师,平时写公众号,经常让我卡壳的点在于排版。

我用过市面上大部分的公众号排版工具和主题,有些用了一段时间,然后就发现它改版了,或者下线了,要不然有些排版细节让我有些难受,总觉得差了点什么。

所以最终还是自己做一个,这是一个完全开源、在线免费的公众号 Markdown 排版工具。设计上,我是使用 DESIGN.md 来完成视觉重构的,效果还不错,感兴趣的朋友可以直接去看。

在线网站:md.ricoui.com

开源地址:github.com/ricocc/rico-md

md.ricouic.com

md.ricouic.com

功能特性

功能特点:

  • 自己制作的优质排版主题
  • 支持 markdown 文本和图片智能处理
  • 多文档管理:新建、切换、搜索、删除、自动保存(5秒防抖)
  • 极简即用:无需构建,直接打开即用。
  • 开源免费

这个项目不是从零开始的。它是基于花叔的开源库(/alchaincyf/huasheng_editor)重构而来,选这个库做底座有两个原因。

第一个,技术栈非常简单,即开即用。对于非开发出身的人来说,这点太重要了,不需要费心思的搭建环境,了解框架。直接本地开个端口就能访问,即开即用才是最好的工具。

第二个,它非常适合拿来做一个Vibe Coding的实战指南。花生的原项目本身也是Vibe Coding做出来的,但是在代码质量和结构上,我认为是有所欠缺的,从什么思路入手重构,怎么跟AI协作,踩了什么坑,整个过程就是一个活生生的Vibe Coding案例。这也是我为什么选择花生那个库,而不是更加复杂的技术栈。

这一部分,我后续再用一个完整的教程文章梳理整个思路和过程。

想法

回到工具本身。

我对这个排版工具有两个很明确的方向。

第一个方向,按照我自己的审美做主题。我是设计师,对排版有强迫症的那种,所以主题不需要多,但每个都要好看、克制、好用。不搞那些花里胡哨的装饰,就是干净的排版,让内容自己说话。

第二个方向,在仓库里提供了一个 Claude Code 的 Skill,叫 rico-wechat-theme。你可以直接丢给它一篇公众号文章的链接,它就能提取出这篇文章的排版样式(如果无法提取源码,只能手动 F12 去控制台,把 html 代码复制出来丢给它了),生成一个可复用的主题文件。等于说,你看到任何喜欢的排版风格,都可以一键变成自己的主题。

这是我从 DESIGN.md 里感受到的想法,人们更容易接受成功的案例。大部分的公众号排版主题,名字都是比较概括性的,比如极简、科技、咖啡、简约等等,事实上我们对这些名词是无感的,很难联想到是什么主题。

但如果主题是从一篇具体的文章里提取出来的,选择也就没那么困难了。

当然,这些计划还在接下来的空闲时间里慢慢完成,目前工具已经有了基本可用的状态,有兴趣的朋友可以先去试试。

另外如果你有想要的主题风格,也可以直接在仓库里提 Issue 给我。

最后

说真的,做这个工具的过程本身,可能比工具更有意思。

DESIGN.md 的使用比预想中更顺利,当然项目本身也简单。

技术栈并不是越复杂越好,简单好用就足够了。

你只需要一个编辑器,一个AI,和一个想法。 不是AI有多强大,而是它让每个有想法的人,都能把想法变成现实。 这就是这个时代最让我兴奋的地方。

技术不再是那堵墙了。

好奇心才是。

谢谢你看我的文章,我们,下次再见。

关注我的微信公众号,我在这里专注文字创作

微信公众号