松哥拆管理 · 一键粘贴版 HTML
产出物:第N篇-一键粘贴版.html。用户浏览器打开 → 全选 → 复制 → 公众号编辑器粘贴,图和格式自动就位。
0. 版式规范(系列统一)
| 元素 | 规格 |
|---|---|
| 开头行 | 金色(238,178,70)居中:德鲁克《卓有成效的管理者》拆解,第 N 篇 |
| 标题卡 | 藏青底(28,45,75)白字大标题 + 金色点睛字 |
| 正文 | #333,16px,行高 1.8,段间距 1em,手机一屏 3-5 行 |
| 加粗字 | <strong> 统一加 style="color:rgb(28,45,75);"(深蓝,2026-10-27 用户定版) |
| 小标题 | 藏青底白字圆角条 或 左侧金色竖线 |
| 金句 | 单独居中段,金色引号 + 加粗 |
| 图卡 | 工具/对比表做成 PNG 图插入(宽 100%),不依赖富文本表格 |
| 尾行 | 灰字(999)居中:连载进行中 | 上一篇:《标题》 |
| 尾部 | 视频卡片引导段 + 话题标签提示 |
| 署名块(必须) | 文章最末固定署名块,版式(10-28 定版):前三行居中、红色 rgb(196,30,30),第一三行加粗——我是松哥,专拆管理经典。/德鲁克 / 稻盛和夫 / 宋志平……/把厚书读薄,把道理用起来。;第四行标签行居中灰色(按当篇实际话题) |
1. 技术要点
- 全内联样式:公众号编辑器会剥
<style>和 class,所有样式写在 style 属性 - 只用 section/p/span/strong:div 与复杂标签易被剥
- 颜色写全
rgb(28,45,75)形式;不用 CSS 变量/渐变复杂写法 - 图片用本地路径
<img src="第N篇-插图1.png">:粘贴时公众号自动上传本地图片(需同一台电脑操作) - 生成后浏览器实际打开检查:缩到手机宽度看排版
- 文件名:
第N篇-一键粘贴版.html,禁 + & 空格
2. 粘贴操作指引(写给用户的固定话术)
> 浏览器打开 → 从金色"德鲁克《卓有成效的管理者》拆解,第 N 篇"红字开始,一直选到最后一行灰字 → Ctrl+C → 公众号编辑器 Ctrl+V(图、格式自动就位;粘完通读删空行)
3. 与流水线衔接
- 上游:
songge-article第 3 步产出的正文定稿 - 图卡:封面/插图用
songge-cover规范生成 - 核查:粘贴前正文必须已过
songge-factcheck四道关(HTML 定稿即"已定稿"状态)
粘贴姿势(10-28 踩坑定版)
- 一键粘贴版 HTML 必须用手机浏览器打开后复制(可用设备"打开方式"调起),禁止在产物预览面板里复制——预览面板过滤内联样式,粘出去加粗变黑、段距丢失
- HTML 每个段落显式写
margin:0 0 20px;,公众号编辑器会吞默认段距