技能概述
XHS White Editorial 係一个白底杂志风 HTML PPT 技能。采用纯白背景 + 顶部 10 色彩虹 bar、80-110px display 大标题、紫→蓝→绿→橙→粉渐变文字、馬卡龍软卡片组（粉/紫/蓝/绿/橙）、黑底白字 .focus pill（焦点标签）、引用大块。设计亮点在于同时适合发小紅書图文 + 横版 PPT 双用 —— 同样嘅内容可以无缝适配社交媒体和正式演示。
觸發關鍵字
- 白底杂志、杂志风、xhs editorial
- white editorial、小紅書白底
- editorial deck、杂志风格
什麼時候用
- 要做杂志风格嘅内容
- 白底设计，干净清爽
- 小紅書图文 + 横版 PPT 双用
- 品牌宣传、产品介绍
- 需要彩虹色渐变效果
使用方法
自然語言觸發
用 html-ppt-xhs-white-editorial 模板做一份白底杂志风 PPT
工作流程
- 确认信息 — 主题、受众、8-12 页内容
- 复制模板 — 从
xhs-white-editorial/复制index.html和style.css，保留.tpl-xhs-white-editorialbody class - 处理共享运行时 — 替换
../../../assets/...为项目本地路径或内联 - 替换内容 — 80-110px display 大标题、彩虹 bar、馬卡龍卡片、.focus pill、引用块
- 主题可选 — 36 套主题可选
設計特色
| 元素 | 说明 |
|---|---|
| 纯白背景 | 干净、杂志感 |
| 10 色彩虹 bar | 顶部彩虹条，视觉亮点 |
| 80-110px 大标题 | display 级别大标题，冲击力 |
| 渐变文字 | 紫→蓝→绿→橙→粉渐变 |
| 馬卡龍卡片组 | 粉/紫/蓝/绿/橙五色软卡片 |
| .focus pill | 黑底白字焦点标签 |
| 引用块 | 大块引用设计 |
| 双用格式 | 小紅書竖版 + 横版 PPT 都兼容 |
實際例子
例子 1：杂志风品牌宣传
用户：「用 html-ppt-xhs-white-editorial 模板做一份白底杂志风 PPT。」
确认主题和受众后，生成 8-12 页 deck，大标题 + 彩虹 bar + 渐变文字 + 卡片组。
例子 2：小紅書+PPT 双用
用户：「帮我做一个同时可以发小紅書和做 PPT 嘅内容。」
生成白底杂志风 deck，横版 PPT 直接可用，竖版截图即可发小紅書。
注意事項
- 必须处理
../../../assets/...路径 - 8-12 页标准内容量
- 逐字稿放
<aside class="notes">