HTML导入公众号
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_1793b15c/wechat-article-publisher-v3。
技能介绍
问题从哪来
公众号编辑器底层是 ProseMirror,只认内联 style、实色背景、静态布局。你从秀米、135、网页或 AI 稿里复制过来的 HTML,常见情况是:class 样式被剥掉、linear-gradient / box-shadow / flex 被丢弃,更隐蔽的是外层用了 <div> 包卡片——白名单里没有 div 时,整块背景、圆角、边框会整段消失,看起来像「整篇没 CSS」。
技能怎么跑通
本技能用 Python 管道(wechat_convert.py)一次性做四件事,而不是在浏览器里再洗一遍:
- 格式转换:自研确定性内联器把「主题 CSS + 文章自带
<style>里的 class」拍平为内联样式(含你自定义的.fact-box、.golden等);div自动改为section;渐变转实色;本地图可 base64 内嵌。 - 产出双文件:
*_preview.html(375px 预览 + 一键复制富文本)与*_wechat.html(纯内容,浏览器全选复制),两者都必须生成。 - 主题:
fresh/minimal/news/warm/none等可选。 - 发布前诊断(
check_publish.py):标题评分与改写示例、内容结构、敏感词扫描等;--report出可视化报告。
内容来源可以是 HTML、Markdown(脚本内置转换)、Word(先转 HTML)、网页抓取或 AI 生成的片段。若目标是腾讯新闻、小红书等更封闭的平台,资料里说明可用 html_to_image.py 把排版渲染成长图/分段图上传。
边界与注意
- 手写或让 AI 写 HTML 时,块级容器请直接用
section,别依赖事后转换。 - 粘贴进公众号:用浏览器打开
*_wechat.html,全选复制;勿从代码编辑器复制(会变成纯文本)。 - 改 skill 代码前应跑回归测试(
tests/run_regression.py),转换逻辑必须在 Python 完成,预览页 JS 只负责复制,避免「复制全文无反应」类回归。
使用场景
- 已有秀米或 135 导出的 HTML,粘贴进公众号后卡片背景和圆角全丢,需要一键转成内联样式并预览复制
- 手头是 Markdown 技术稿或博客,要在不改结构的前提下套主题并生成 `_wechat.html` 供编辑器粘贴
- Word 或网页正文已整理成 HTML,发号前要跑标题评分、敏感词扫描并出 `_report.html` 对照修改
- 排版要发腾讯新闻或小红书,编辑器几乎不吃 CSS,需把成品 HTML 渲染成长图或分段 PNG 上传
适合人员
- 运营公众号、常从外部排版工具复制 HTML 却反复遇到「整篇没样式」的新媒体编辑
- 写技术或资讯长文,用 Markdown 写作但交付物必须是公众号可粘贴的富文本片段
- 机构号或品牌号发稿前要做标题改写建议与违规词筛查的内容负责人
- 同时运营多平台、公众号走内联粘贴、新闻/小红书走图片版的两套发布流程的创作者