微信公众号排版

解决的问题

微信公众号后台只接受有限 HTML 和 CSS，普通 Markdown 导出、编辑器复制或前端页面样式常会遇到 class、id、<div>、flex、grid 被过滤的问题。代码高亮、引用块、提示块和音乐组件也容易因为标签或图片域名不符合白名单而失效。这个技能针对这类兼容问题，把输入 Markdown 转换成可直接粘贴到公众号后台的内联样式 HTML，并自动生成摘要和文末互动问题。

工作方式

• 摘要生成：按「情绪钩子 + 核心内容 + 价值承诺」生成 35～120 字摘要，适配干货教程、观点评论、日记叙事、产品说明等类型。
• 结构转换：标题、段落、引用、列表、代码块、图片和链接转为微信兼容标签；普通列表优先拆成多个 <p>，表格优先转成段落或卡片式段落。
• 样式注入：所有样式使用内联样式，避免 position、float、flex、grid、transform、calc() 等黑名单 CSS。
• 组件支持：支持 ::: tip、::: warning 提示和警告容器，以及 mpvoice、mpmusic 官方音乐语法；普通图片要求来自 mmbiz.qpic.cn，音乐封面允许 y.gtimg.cn。
• 清洗输出：二次移除非法标签、属性和样式，最后按固定格式输出摘要与 HTML，不附加转换过程说明。

适用边界

适合需要公众号后台兼容性的文章排版、技术教程、观点文章和产品说明。若内容依赖复杂响应式布局、自定义 JS、非微信图片域名或外部 CSS，技能会降级处理或提示不输出，不适合期望完全还原网页视觉效果的项目。