WeMD-AI 排版引擎

解决什么问题

微信公众号编辑器对 HTML 的支持相当有限：容器嵌套稍有不慎就会被过滤，外部 CSS 文件完全失效，布局稍微复杂一点在移动端就会错位。写一套兼容性良好的排版代码，往往比写文章本身更耗时。

WeMD-AI 直接跳过手写 CSS 的环节。把 Markdown 正文喂给它，它会分析文章调性，匹配或原创一个主题，最后产出符合公众号规则的内联样式 HTML。

核心能力与工作流

它的核心逻辑是一个分析 → 设计 → 生成 → 自检的流水线：

• 调性分析：根据内容类型（科技、教程、文艺等）和情绪基调（理性、温暖、沉静等）决定视觉方向。
• 强制内联 CSS：产出的 HTML 遵循严格的规则——所有样式写在 style 属性里，禁用 class，每个元素必须包含 box-sizing:border-box 和 max-width:100%!important。
• 组件化生成：按规范拼装固定组件，包括头部标题区、信息卡（字数+阅读时间）、正文段落、金句卡片和结尾互动卡。
• 生成后自检：输出前会扫描全文，拦截 position:absolute、div 标签、三点式分隔符（· · ·）和 hsl() 颜色值，违规直接修复。
• 增量编辑：文章改完后不需要重新生成。直接打开 *-预览.html，用 Edit 改对应的内联样式就行。

适用边界与注意点

这是一个专注型工具，只处理“静态排版”这一件事，不涉及封面图生成或文案润色。

因为它严格遵守公众号的 CSS 白名单，你拿到的 HTML 几乎没有复杂动效或特殊布局。好处是兼容性极强，坏处是视觉表现力受限制。如果你的文章需要卡片悬浮、渐入动画这类效果，这套规范不适用。

另外，产出的 HTML 仅作为中转层。最终呈现时，仍需在公众号后台替换图片链接，因为 <img> 标签指向的是本地路径。