墨客排版

问题在哪

微信公众号后台的富文本并不是「随便写 HTML」：外部 CSS/JS 会被剥离，script 与事件属性不可用，布局只能依赖内联 style 和一小撮标签；双栏往往得靠 table，动效只能走 CSS 或 SVG SMIL。手工贴 Word 或网页片段，常见结果是样式丢光、图片路径无效，或粘贴后在某台手机上才暴雷。

技能怎么帮你排

墨客排版把约束写进参考文档与模板，而不是事后猜微信会保留什么。收到排版需求后，先按交互协议确认标题、内容来源、内容类型、视觉风格与排版节奏，再定配图位置、是否嵌入 SVG 组件；确认方案摘要后才组装 HTML，避免默认替你选风格。

核心链路包括：

• 内容排版：对照 wechat-layout-guide.md，把正文转成全内联样式 HTML，处理标题层级、系统字体、托管图片 URL 与居中
• 风格体系：十种主题（时尚、潮流、艺术、国风、极简、科技等）配合 wechat-design-tokens.md，可选纯图文或「风格 + SVG」组合模板
• 无 JS 交互：从 assets/templates/svg/ 选用轮播、点击揭示、时间线、进度条等，交互仅依赖 SVG/CSS
• 交付前校验：运行 scripts/validate_mp.py，检查外链资源、JavaScript、标签白名单、图片与体积等

生成 HTML 后页面带一键复制入口；若仍有占位图，会给出上传播位清单。生成后还支持局部微调（颜色、字号、间距、组件替换），全换风格则需回到风格选择流程。

适用边界

• 适合需要可粘贴进微信后台、且希望版式稳定的长图文、卡片、访谈、报告类内容
• SVG 交互类型有限，复杂 Web 组件或依赖 JS 的玩法无法实现
• 深色模式下微信可能自动反转颜色，重要配色需自行在真机预览
• 协议中的多轮提问是强制步骤；若你只想单独要某个 SVG 片段，可走精简问答路径