Showcase · 你会拿到
一份 markdown → 6 套主题任选 + 自制品牌主题
SOP：读组件库 → 装配 HTML → 双关卡校验
产物：可粘公众号编辑器的合规 HTML
成本：免费 · 零 API key · 零 credits
产物：可粘公众号编辑器的合规 HTML
成本：免费 · 零 API key · 零 credits
· 组件全部
<span leaf=""> 包裹
· 样式内联 · 无 <style>/CDN
· 自动章节编号 · 关键词下划线
· 中文全角标点规范化
§ 01 · Same article, six voices
同一篇稿子 · 6 套主题排出 6 种气质
题材：观点方法论 · 输入：
assets/sample-article.md
MOYU · GREEN
摸鱼绿
Emerald · magazine · high-density
教程 / 测评 / 清单 / 工具盘点 · 卡片丰富、信息密度高
RED · WHITE
红白色系
Classic editorial · numbered
深度分析 / 观点 / 力量感话题 · 编号章节 + 引言卡 + 签名区
GRAPHITE
石墨极简风
Minimal · monochrome · disciplined
设计 / 科技评论 / 高端品牌 · 全灰阶、极简克制、留白理性
ZEN · WHITESPACE
留白禅意风
Serene · breathable · essayistic
禅意 / 极简生活 / 深度随笔 · 呼吸感最强，一句话一段的节奏
MOYU · TICKET
摸鱼票据风
Ticket · rated · comparative
测评 / 工具对比 / 创意评测 · 星级评分 + 硬阴影票据卡
OLIVE · JOURNAL
橄榄手记
Journal · editorial · dense
内刊手记 / 深度评测 / 案例复盘 · 编辑部内刊质感，分节多样
§ 02 · Bespoke theme generator
不喜欢现成的？主题生成器按品牌色现造一套
工作流：
references/theme-generator.md · 输入品牌色 → 输出主题库 + 区块预览 + 排文Step 0 · 你给品牌 brief
清新旅行随笔风 · 雾蓝主色
6 套预设都不完全贴合品牌？告诉主题生成器你的主色 + 一句风格描述，它给你一整套自制主题。
品牌主色
#7C9EB2 雾蓝强调 / 高亮
让 AI 自动推导（要与主色冷暖对比、可读对比度达标）
中性灰阶
自动补齐 · 下划线色 / 背景 / 圆角 / 阴影全套
字体气质
衬线正文 + 无衬线副标 · 杂志感 · 留白多
适用题材
旅行随笔 / 生活方式 / 深度长文
约束
粘公众号编辑器版式保留 · 双 lint 0 ERROR
生成器交付物 · Deliverables
- 区块库预览 HTML~60 blocks
- 标准主题库theme-*.md
- 登记进 theme-index1 line
- 排完的示例文章*.html
- component_lint0 ERROR
- validate_gzh_html0 ERROR
Step 4 · 用它排同一篇文章
travel-mist-blue · 出成品
同一份
sample-article.md，用刚刚生成的主题库排一次，粘公众号编辑器即可。§ 03 · Paste-preserve
样式全部内联，每一个文字节点都包在
<span leaf=""> 里——微信公众号编辑器识别 leaf 属性作为叶节点标记，粘贴时版式、字号、颜色、下划线、章节编号全部保留；不需要任何插件、不上第三方后台、不需要账号绑定。
⌘ + A · ⌘ + C · ⌘ + V