Article
Rico MD 是我做的一个公众号 Markdown 编辑器：左边写 Markdown，右边实时预览，写完一键复制进公众号后台。这次更新是上线以来动作最大的一次，把之前挺火的 gzh-design-skill 主题体系整套接了进来，另外加了几个一直想做的功能。
gzh-design-skill 主题
gzh-design-skill 是甲木和摸鱼小李做的开源公众号排版 SKILL，刚发布就很受欢迎。
原版是让 Agent 调用 SKILL，按文章内容去组合排版组件，输出的是成品长图；Rico MD 这次做的是把它适配成在线编辑器里可以直接切换的主题，用普通 Markdown 就能出同款排版。
一共 7 套：6 套来自上游正式主题，1 套「墨蓝刊读风」适配自仓库里没正式注册的第七个候选主题预览，算彩蛋。
| 主题 | 排版特点 |
|---|---|
| 摸鱼绿 | 绿色杂志标题、浅绿引用卡、黄色高亮 |
| 红白色系 | 红色章节线、白底开篇引言卡、红色表头 |
| 石墨极简风 | 灰阶、细线、宽松章节间距 |
| 留白禅意风 | 衬线标题与居中引语、大面积章节留白 |
| 摸鱼票据风 | 米黄纸底、黑框硬阴影、绿色撕票虚线 |
| 橄榄手记 | 米白底、墨黑刊头、橄榄灰边框与橙色划线 |
| 墨蓝刊读风 | 黑白刊读封面、克莱因蓝点缀、衬线章节编号 |
在「主题 → gzh-design-skill」里选，支持收藏和保存主题选择，复制到公众号效果和预览一致。
自定义封面模板
这个主题体系最有辨识度的是封面。SKILL 用 Agent 进行处理，Rico MD 的做法是在标题 | 分隔字段，编辑器直接渲染成刊头、摘要、票号这些封面元素：
# 主标题 | label=刊头 | subtitle=摘要 | issue=NO. 001 | footer=署名 | author=甲木几个主题各有专属字段：摸鱼票据风支持 summary（浅绿摘要框）、tags（标签）、aside / grade（右侧票根）、stars=5（刊头星级 1–5）；橄榄手记可以在主题面板直接上传本地图片，替换右侧封面图。所有字段可改可删，没填的区域自动收起，不会留一块空白占位。
==当然你不必手记这些语法——选中支持封面的主题后，主题分组底部有「插入模板」按钮，点一下就把封面字段填好了，主标题保留你写的。==
还有个细节：文章有两个以上二级标题时，封面下方会自动生成横向可滑动的目录。章节标题写成 ## 能力商品 | Skill 的定义，竖线后半段会显示在目录卡片的次级文案。
另外新增 “== 强调 ==”、“关键词” 的强化标记用法。
文末互动卡
新增了文末互动卡模块：点赞 · 在看 · 转发三个互动项，追加在文章末尾，互动项文字可以自定义。公众号风格里很常见的收尾，现在一键打开即可。
文档和图片打包导出
我平常基本都用 MD 当写文编辑器，这次完善了导出功能。
- 导出当前文档：这一篇的 Markdown 和它的全部本地图片打成一个压缩包；
- 导出全部文档：所有文档和图片一次性打包。
导出的压缩包就是完整备份，换电脑、换浏览器、本地留存都不用再靠手动复制。
间距细调
新加了一套间距设置，可以选择「跟随主题」，也可以自定义标题和正文的行高，调完点「恢复主题默认」随时回去。自定义会同时作用于预览、复制到公众号和导出的 HTML，三端一致，不会出现预览一个样、发出去另一个样。
关于来源和许可
这套主题的版权属于甲木 × 摸鱼小李，上游是 AGPL-3.0。Rico MD 的主题适配模块保留了相同许可，没有把它混进项目原有的 MIT 代码里，完整许可文本在仓库 licenses/gzh-design-skill.txt。
适配是用 Markdown 出同款排版，一些部分由于不好模板化，只能舍弃。 另外不会自动改写文章内容，也不会凭空加评分、摘要这些原本没有的元素，以及原版 SKILL 中里手工组合的工具卡、时间线组件不在这次适配范围内。
最后
这个 vibe coding 工具是我目前使用频率最高的，接下来根据我自己的需求，也会不定时的进行更新。
在线版直接用：md.ricoui.com；想自己部署或者看实现，仓库在 github.com/ricocc/rico-md，欢迎 issue 和 PR。
我是 Rico，感谢阅读！
