免责声明:本站部分 Skill 来源于公开渠道,使用前请注意识别相关风险,内容版权归原作者所有,如 Skill 涉及版权问题,请在线反馈,核实后予以下架处理。
本技能解决「内容排版好看但粘贴进公众号编辑器后样式全丢」的核心痛点。通过自研确定性 CSS 内联引擎,自动将文章自带的 <style> 与主题 CSS 合并拍平为内联样式,彻底修复旧版「自定义 class 被丢弃」导致的样式丢失问题。转换器同时完成 sanitize 兼容化(渐变转实色、过滤 flex/shadow 等公众号不支持的属性)、本地图片 base64 内嵌防丢图、<div> 自动重命名为 <section> 规避 ProseMirror 白名单陷阱,最终产出带「一键复制」按钮的移动端预览页与纯内容版两份文件。配套六维诊断脚本从标题评分、爆款度、创意差异化、审美排版、传播驱动力、敏感词扫描六个维度给出可操作的改进建议,并额外提供 CSDN 技术社区纯文本 Markdown 转换、小红书九宫格图片渲染、HTML 转长图/分段图等多平台发布能力。
SKILL.md:技能主说明,含完整四环节流程、粘贴姿势、标题方法论与踩坑指南(本文件)scripts/wechat_convert.py:转换+美化+预览主脚本,支持 HTML/Markdown 输入、5 套主题、图片 base64 内嵌scripts/check_publish.py:六维发布前诊断脚本,输出可视化评分报告与改进建议scripts/html_to_image.py:HTML 渲染为 PNG 长图或分段图,适配腾讯新闻/小红书等封闭编辑器scripts/csdn_convert.py:HTML/Markdown 转 CSDN 标准 Markdown,默认纯文本不嵌图、轻度中性化去营销感scripts/cover_prompt.py:由标题+关键词生成 CSDN 封面图 ImageGen 提示词scripts/mermaid_lint.py:Mermaid 图表语法检查scripts/render_cover.py:封面图渲染辅助scripts/test_inline.py:CSS 内联回归测试safe_edit.py:安全编辑辅助assets/:4 套主题 CSS(fresh/紫蓝、minimal/极简黑白、news/红头资讯、warm/暖橙)+ 敏感词词库 + 小红书九宫格模板references/:公众号 CSS 支持/不支持完整对照表 + 标题技巧经验文档tests/:回归测试用例与运行脚本<style>,将 class、后代选择器、复合选择器全部拍平为内联样式,根治「粘贴后样式全丢」<div> 重命名为 <section>,规避公众号编辑器白名单整段吞掉容器的头号陷阱| 用户怎么说 | 本技能做什么 |
|---|---|
| "我写的 HTML 排版很好看,复制到公众号里样式全没了" | 运行 wechat_convert.py 做确定性 CSS 内联 + ProseMirror 兼容化,产出 _preview.html 一键复制粘贴或 _wechat.html 手动全选复制,样式完整保留 |
| "帮我检查下这篇文章能不能发,标题够不够吸引人" | 运行 check_publish.py 做六维诊断,输出标题评分、爆款度七项分析、敏感词扫描结果与可视化改进报告 |
| "我要把同一篇内容发到 CSDN,但怕被判营销推广" | 运行 csdn_convert.py 转纯文本 Markdown,自动剥离公众号按钮、去掉硬广 CTA、图片默认不嵌图,降低拒发风险 |
| "腾讯新闻/小红书编辑器太封闭,排版完全崩掉" | 运行 html_to_image.py 渲染为高清 PNG 长图或分段图,以图片形式上传,100% 保真跨平台 |
| "我想发小红书九宫格,但不知道怎么切图" | 使用 assets/xhs_grid.html 模板填入文案,运行 html_to_image.py --split 1080 直接产出 9 张 1080×1080 方图 |
| "Word 文档里的文章怎么发到公众号" | 先导出为 HTML,再进入 wechat_convert.py 转换流程,完成内联样式化与兼容处理 |