From f7b7740829955a3ce9d1e9fe8db1bc3cad7426b0 Mon Sep 17 00:00:00 2001 From: leroy Date: Sat, 7 Nov 2026 15:45:11 +0800 Subject: [PATCH] =?UTF-8?q?le-wechat-article=20v1.5.1=EF=BC=9A=E7=89=88?= =?UTF-8?q?=E5=BC=8F=E5=9F=BA=E7=BA=BF=E8=90=BD=E5=9C=B0=E2=80=94=E2=80=94?= =?UTF-8?q?=E2=91=A0=E5=BC=80=E7=AF=87=E8=BD=BB=E9=87=8F=E5=8C=96=EF=BC=9A?= =?UTF-8?q?=E5=9B=9B=E5=BC=A0=E5=B0=81=E9=9D=A2=E5=8D=A1=EF=BC=88=E6=9A=96?= =?UTF-8?q?=E6=A9=99/=E6=91=B8=E9=B1=BC=E7=BB=BF/=E6=91=B8=E9=B1=BC?= =?UTF-8?q?=E7=A5=A8=E6=8D=AE/=E6=A9=84=E6=A6=84=EF=BC=89=E7=98=A6?= =?UTF-8?q?=E8=BA=AB=E4=B8=BA=E5=AF=BC=E8=AF=AD=E6=9D=A1=EF=BC=8C=E5=8E=BB?= =?UTF-8?q?=E5=A4=A7=E5=AD=97=E4=B8=BB=E6=A0=87=E9=A2=98/=E5=A4=B4?= =?UTF-8?q?=E5=9B=BE/=E5=85=AC=E5=8F=B8=E8=90=BD=E6=AC=BE=EF=BC=88?= =?UTF-8?q?=E5=85=AC=E4=BC=97=E5=8F=B7=E5=90=8E=E5=8F=B0=E5=B7=B2=E6=89=BF?= =?UTF-8?q?=E6=8B=85=EF=BC=89=EF=BC=8C=E8=A1=A5=E9=BD=90=E3=80=8C=E5=AF=BC?= =?UTF-8?q?=E8=AF=AD=E4=B8=8E=E5=A4=96=E6=A0=87=E9=A2=98=E9=94=99=E5=B1=82?= =?UTF-8?q?=E3=80=8D=E6=96=87=E6=A1=88=E7=AD=96=E7=95=A5=EF=BC=9B=E2=91=A1?= =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E8=B7=9D=EF=BC=9A=E5=BE=AE=E4=BF=A1=20App=20?= =?UTF-8?q?=E8=87=AA=E5=B8=A6=E8=BE=B9=E8=B7=9D=E4=B8=BA=E4=B8=BB=E8=BE=B9?= =?UTF-8?q?=E8=B7=9D=EF=BC=8CHTML=20=E6=AF=8F=E4=BE=A7=E5=90=88=E8=AE=A1?= =?UTF-8?q?=20=E2=89=A416px=EF=BC=88=E5=AE=B9=E5=99=A8/=E6=A8=A1=E5=9D=97?= =?UTF-8?q?=20=E2=89=A46px=E3=80=81=E5=8D=A1=E7=89=87=2010~14px=E3=80=81?= =?UTF-8?q?=E5=B5=8C=E5=A5=97=20=E2=89=A412px=EF=BC=89=EF=BC=8C=E5=85=A8?= =?UTF-8?q?=207=20=E4=B8=BB=E9=A2=98=E5=90=88=E8=AE=A1=20156=20=E5=A4=84?= =?UTF-8?q?=E6=94=B6=E7=B4=A7=EF=BC=8C=E6=AD=A3=E6=96=87=E5=88=97=E5=AE=BD?= =?UTF-8?q?=E5=8D=A0=E5=B1=8F=2069~76%=E2=86=9280%+=EF=BC=9B=E2=91=A2?= =?UTF-8?q?=E5=AD=97=E5=8F=B7=E9=98=B6=E6=A2=AF=E6=95=B4=E4=BD=93=20+1?= =?UTF-8?q?=EF=BC=88=E2=89=A512px=20=E5=85=A8=E5=8D=87=20414=20=E5=A4=84?= =?UTF-8?q?=EF=BC=9A=E6=AD=A3=E6=96=87=2015=E2=86=9216px=E3=80=81moyu=20?= =?UTF-8?q?=E7=B3=BB=2014=E2=86=9215px=EF=BC=8C=E2=89=A411px=20=E8=A3=85?= =?UTF-8?q?=E9=A5=B0=E5=BE=AE=E6=A0=87=E4=B8=8D=E5=8A=A8=EF=BC=89=EF=BC=9B?= =?UTF-8?q?ENGINE=20=E6=96=B0=E5=A2=9E=E3=80=8C=E7=89=88=E5=BC=8F=E5=9F=BA?= =?UTF-8?q?=E7=BA=BF=E3=80=8D=E4=B8=89=E9=93=81=E5=BE=8B=EF=BC=88v1.5.1?= =?UTF-8?q?=EF=BC=89+=20theme-generator=20=E7=94=9F=E6=88=90=E9=92=A9?= =?UTF-8?q?=E5=AD=90=EF=BC=8C=E6=9C=AA=E6=9D=A5=E6=96=B0=E4=B8=BB=E9=A2=98?= =?UTF-8?q?=E5=BC=BA=E5=88=B6=E5=90=88=E8=A7=84=EF=BC=9B=E6=96=B0=E5=A2=9E?= =?UTF-8?q?=E6=9A=96=E6=A9=99=E4=B8=BB=E9=A2=98=20theme-warm-orange?= =?UTF-8?q?=EF=BC=8836=20=E7=BB=84=E4=BB=B6=EF=BC=8C=E5=90=AB=E9=A2=84?= =?UTF-8?q?=E8=A7=88=E8=B5=84=E4=BA=A7=EF=BC=89=E5=B9=B6=E5=85=A5=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E5=BA=93=EF=BC=8CSKILL.md=20=E4=B8=BB=E9=A2=98?= =?UTF-8?q?=E8=AE=A1=E6=95=B0=206=E2=86=927=EF=BC=9Btopic-facts=20?= =?UTF-8?q?=E8=A1=A5=E3=80=8C=E8=B6=85=E7=BA=A7=20AI=20=E5=A6=88=E5=A6=88?= =?UTF-8?q?=E3=80=8D=E5=AE=A2=E6=88=B7=E4=BA=8B=E5=AE=9E=E5=8D=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- skills/le-wechat-article/SKILL.md | 2 +- .../theme-previews/theme-warm-orange.html | 597 ++++++++++++++++ .../references/themes/ENGINE.md | 6 + .../references/themes/common-components.md | 34 +- .../references/themes/theme-generator.md | 2 +- .../themes/theme-graphite-minimal.md | 146 ++-- .../references/themes/theme-index.md | 1 + .../references/themes/theme-moyu-green.md | 232 +++---- .../references/themes/theme-moyu-ticket.md | 88 +-- .../references/themes/theme-olive-journal.md | 186 +++-- .../references/themes/theme-red-white.md | 136 ++-- .../references/themes/theme-warm-orange.md | 639 ++++++++++++++++++ .../references/themes/theme-zen-whitespace.md | 84 +-- .../references/topic-facts.md | 2 +- .../reports/trigger-eval.json | 7 +- 15 files changed, 1664 insertions(+), 498 deletions(-) create mode 100644 skills/le-wechat-article/assets/theme-previews/theme-warm-orange.html create mode 100644 skills/le-wechat-article/references/themes/theme-warm-orange.md diff --git a/skills/le-wechat-article/SKILL.md b/skills/le-wechat-article/SKILL.md index d971362..9729b7b 100644 --- a/skills/le-wechat-article/SKILL.md +++ b/skills/le-wechat-article/SKILL.md @@ -111,7 +111,7 @@ python3 scripts/check_prose.py <文章目录>/article.md 0. **图片生产（默认执行，用户明确不要图时才跳过）**：正文图位与封面按 [visual-production.md](references/visual-production.md) 的**生产路由**分派——节奏位、卡片型信息位与封面首选 **le-gpt-image**（Gallery 精调案例出 prompt，图上中文文字直引号逐字写入并读图复核，封面生成后居中裁 2.35:1）；精确结构型信息位（多节点流程/数据曲线）走 SVG 自绘；实证位直接用真实素材，需标注时用 le-gpt-image `edit` 加工；**失败或文字复核两轮不过即回退 SVG 自绘**，如实记入图片状态，不中断交付。信息位图上的文字**逐字取自文章**，配色与所选排版主题一致；可编辑源文件（SVG/HTML）随 PNG 一起保留在 `imgs/src/`。生成后把正文图位占位替换为 `imgs/<文件名>.png` 真实路径——**终稿不得残留 placeholder**（此时 check_article 不再加 `--allow-placeholder`）。 -1. 排版转换。默认走**主题引擎**——6 套实战主题组件库，融合自 gzh-design-skill（AGPL，见 [themes/README.md](references/themes/README.md)）。主题用**第 2 步停点用户选定的**（画像默认 + 当场调整的结果）；若停点被「一口气跑完」豁免跳过，按文章类型对照 [themes/theme-index.md](references/themes/theme-index.md) 的适用场景自动选（教程/测评→摸鱼绿、深度观点→红白色系、设计科技→石墨极简、随笔→留白禅意、对比评测→摸鱼票据、内刊复盘→橄榄手记），并在交付时说明选择理由。选定后按 [themes/ENGINE.md](references/themes/ENGINE.md) 读该主题组件库 + 通用组件库装配 HTML，装配完**校验到全绿才算完成**： +1. 排版转换。默认走**主题引擎**——7 套实战主题组件库，融合自 gzh-design-skill（AGPL，见 [themes/README.md](references/themes/README.md)）。主题用**第 2 步停点用户选定的**（画像默认 + 当场调整的结果）；若停点被「一口气跑完」豁免跳过，按文章类型对照 [themes/theme-index.md](references/themes/theme-index.md) 的适用场景自动选（教程/测评→摸鱼绿、深度观点→红白色系、设计科技→石墨极简、随笔→留白禅意、对比评测→摸鱼票据、内刊复盘→橄榄手记），并在交付时说明选择理由。选定后按 [themes/ENGINE.md](references/themes/ENGINE.md) 读该主题组件库 + 通用组件库装配 HTML，装配完**校验到全绿才算完成**： ```bash python3 scripts/validate_gzh_html.py <文章目录>/article.html diff --git a/skills/le-wechat-article/assets/theme-previews/theme-warm-orange.html b/skills/le-wechat-article/assets/theme-previews/theme-warm-orange.html new file mode 100644 index 0000000..0a0d0e8 --- /dev/null +++ b/skills/le-wechat-article/assets/theme-previews/theme-warm-orange.html @@ -0,0 +1,597 @@ + + + + + + + + + + + + + + + + + + + +暖橙风 · 主题区块预览 + + + + +

暖阳导语条（开篇轻量）

+
+ 栏目标签 +

开篇导语：一句话说清本篇讲什么、读者能带走什么，与外标题错开视角。

+
+ + +

品牌叙事开篇卡

+
+ 开篇导语占位 +

叙事导语占位：这里放两三行品牌故事或情绪铺垫文字，语速放慢、句子放短，让读者先安静下来，再进入正文的说明部分。

+ 按钮文案占位 +
+ + +

情绪寄语开篇条

+
+

· · ·

+

一句寄语占位：今天也想对你说

+

小注说明占位：寄语来源或氛围说明

+
+ + +

拍立得首图卡

+
+ + 开篇配图占位 +
图片说明占位：一句轻轻的图注
+
+ + +

圆点目录卡

+
+

目录标题占位

+

目录说明占位：本篇包含的小节导航

+

01章节标题占位一

+

02章节标题占位二

+

03章节标题占位三

+

04章节标题占位四

+
+ + +

阅读指引条

+
+

阅读提示占位 · 说明文字占位：按顺序阅读更舒适 →

+
+ + +

标签索引带

+
+

索引说明占位：本篇关键词索引

+

+ 标签占位一 + 标签占位二 + 标签占位三 + 标签占位四 + 标签占位五 +

+
+ + +

暖点分隔线

+
+ + +

圆点章节标题

+
+

章节标题占位：正文从这里开始

+

章节引导语占位：一句话说明本章内容

+
+ + +

便签小节标题

+
+

小节标题占位

+

小节说明占位：这一小节要讲的重点

+
+ + +

居中仪式标题

+
+

章节序号占位

+

居中标题占位

+

· · ·

+
+ + +

暖章编号标题

+
+

+ 01 + 章节标题占位一 +

+

章节摘要占位：编号章节的一句摘要

+
+ + +

栏目贴纸标题

+
+

栏目标签占位

+

栏目标题占位：贴纸下方的标题行

+
+ + +

呼吸正文段落

+
+

正文段落占位：这里是放松呼吸的正文区域，行距放宽、句子放短。占位文字用来展示段落节奏与留白比例，两到三行为一组，读起来不赶时间。

+

正文段落占位：第二段承接第一段的话题继续展开，保持同样的字重与行高，让整页像一杯慢慢降温的热茶，信息清晰但没有压迫感。

+
+ + +

暖点引导段落

+
+

引导短语占位正文占位：开头用一枚浅杏色的高亮短语轻轻拉住视线，后面的文字自然展开，用来说明这一段的重点句式与节奏。

+
+ + +

浅杏底纹强调段

+
+

重点段落占位：需要读者慢下来多看一眼的内容放在这里。浅杏衬底加左侧暖橙竖线，强调而不喊叫，适合放核心观点或安抚性的说明。

+
+ + +

行内代码段落

+
+

说明文字占位：正文中出现配置项或命令时，使用行内代码样式，例如 配置项占位 或 命令占位，保持柔和的可读性。

+
+ + +

热茶引语卡

+
+

“

+

引用内容占位：一段值得慢慢读的话放在这里，像热茶冒着的一缕气，轻轻落在页面中间。

+
+

—— 引用署名占位

+
+ + +

居中轻引言

+
+

· · ·

+

引言文字占位：居中排布的一句轻声话。

+

—— 引用出处占位

+
+ + +

暖心提示卡

+
+

提示标签占位

+

提示说明占位：温和的信息提示放在这里，例如阅读建议、氛围说明或背景补充，语气保持轻柔。

+
+ + +

温和提醒卡

+
+

注意标签占位

+

提醒说明占位：需要读者留意但不必紧张的内容，用虚线暖框表达，提醒而不吓人。

+
+ + +

安心确认卡

+
+

✓确认标题占位

+

确认说明占位：已经完成或可以放心的事项写在这里，给读者一个落地的安心感。

+
+ + +

陪伴留声卡

+
+

陪伴小语占位 ♡

+

陪伴语句占位：写给此刻正在阅读的人的一句话，承认情绪、给出陪伴，不做评判。

+

落款占位 · 留声说明占位

+
+ + +

圆点清单卡

+
+

清单标题占位

+

清单条目占位一：短句说明

+

清单条目占位二：短句说明

+

清单条目占位三：短句说明

+

清单条目占位四：短句说明

+
+ + +

暖序步骤列表

+
+

有序清单标题占位

+

1列表条目占位一

+

2列表条目占位二

+

3列表条目占位三

+
+ + +

心愿任务清单

+
+

任务清单标题占位

+

✓任务条目占位一（已完成占位）

+

✓任务条目占位二（已完成占位）

+

任务条目占位三（待完成占位）

+
+

完成度说明占位：示例数字 2 / 3

+
+ + +

词语标签云

+
+

词语云说明占位：氛围关键词陈列

+

+ 词语占位一 + 词语占位二 + 词语占位三 + 词语占位四 + 词语占位五 +

+
+ + +

要点三束卡

+
+
+

要点一要点标题占位一

+

要点说明占位：一句话解释第一个要点。

+
+
+

要点二要点标题占位二

+

要点说明占位：一句话解释第二个要点。

+
+
+

要点三要点标题占位三

+

要点说明占位：一句话解释第三个要点。

+
+
+ + +

圆角大图卡

+
+ 正文配图占位 +
图片说明占位：图注文字放这里
+
+ + +

拍立得图文卡

+
+ + 生活方式配图占位 +
+

图注标题占位

+

图注说明占位：写一句和图片心情一致的话。

+
+
+ + +

双图柔和对比卡

+
+ 对比图一占位 +
对比图注占位一
+

对比占位

+ 对比图二占位 +
对比图注占位二
+
+ + +

静态视频占位卡

+
+ 视频封面占位 +
+ ▶ +

视频说明占位

+

时长占位 · 封面说明占位

+
+
+ + +

浅杏代码块

+
+

代码说明占位 · 代码块标题占位

+
+ // 说明注释占位
const warmConfig = {
  fieldA: "字段占位一",
  fieldB: "字段占位二"
}; +
+
+ + +

暖框代码块

+
+

代码标题占位：终端样式说明

+ $ 命令占位 --参数占位
> 输出说明占位一
> 输出说明占位二
完成提示占位 ✓ +
+ + +

轻盈指标条

+
+
+

82%指标名称占位一 · 指标说明占位

+
+
+

1200+指标名称占位二 · 指标说明占位

+
+
+

4.8指标名称占位三 · 指标说明占位

+
+
+ + +

字段数据表

+
+

表格标题占位

+

表格说明占位：字段与示例数据的对照

+ + + + + + + + + + + + + + + + + + + + + +
字段占位一字段占位二字段占位三
数据占位 01数据占位 02数据占位 03
数据占位 04数据占位 05数据占位 06
数据占位 07数据占位 08数据占位 09
+
+ + +

暖橙进度条组

+
+

进度标题占位

+

进度项占位一 · 80%

+
+

进度项占位二 · 60%

+
+

进度项占位三 · 45%

+
+
+ + +

指标圆卡组

+
+
+

+ A + 数字占位一指标名称占位一 +

+

指标说明占位：用一句话解释这个数字代表什么。

+
+
+

+ B + 数字占位二指标名称占位二 +

+

指标说明占位：轻量数据摘要，不做厚重的参数矩阵。

+
+
+ + +

前后对照卡

+
+

对照标题占位

+
+

对照项标签占位：调整前占位

+

对照说明占位：描述原来的状态或做法。

+
+

↓

+
+

对照项标签占位：调整后占位

+

对照说明占位：描述变化之后的状态或感受。

+
+
+ + +

轻重对照清单

+
+

对照清单标题占位

+
+

优势组标签占位

+

✓优势条目占位一

+

✓优势条目占位二

+

✓优势条目占位三

+
+
+

留意组标签占位

+

—注意条目占位一

+

—注意条目占位二

+
+
+ + +

情境对照条

+
+

情境对照说明占位：两种使用情境的并置

+

情境一占位情境说明占位：适合安静独处的场景。

+

情境二占位情境说明占位：适合与人分享的场景。

+
+ + +

三步流程圆点卡

+
+

流程标题占位

+

1步骤标题占位一

+

流程说明占位：第一步先做这件事。

+
+

2步骤标题占位二

+

流程说明占位：第二步接着做这件事。

+
+

3步骤标题占位三

+

流程说明占位：第三步收尾并确认。

+
+ + +

暖色时间线

+
+

时间线标题占位

+
+

●时间节点占位一

+

节点说明占位：这一阶段发生了什么。

+

●时间节点占位二

+

节点说明占位：这一阶段的心情或变化。

+

●时间节点占位三

+

节点说明占位：时间线在这里收束。

+
+
+ + +

步骤大数字卡

+
+
+

+ 01 + 阶段标题占位一 +

+

阶段说明占位：这一阶段的动作与感受说明，控制在两行以内。

+
+
+

+ 02 + 阶段标题占位二 +

+

阶段说明占位：浅杏衬底与白底卡片交替，形成大圆角的呼吸节奏。

+
+
+ + +

问答呼吸卡

+
+

常见问答标题占位

+

问常见问题占位一

+
+

答案说明占位：用平稳的语气回答第一个问题。

+
+

问常见问题占位二

+
+

答案说明占位：第二个问题的回答同样保持柔和。

+
+
+ + +

问答折叠样式卡

+
+

折叠问答说明占位：静态折叠样式示意

+

Q1问题标题占位一

+

＋ 展开查看占位

+

Q2问题标题占位二

+

＋ 展开查看占位

+
+ + +

延伸阅读暖卡

+
+

延伸阅读标题占位

+

●延伸标题占位一分类占位 · 阅读量占位

+

●延伸标题占位二分类占位 · 阅读量占位

+

●延伸标题占位三分类占位 · 阅读量占位

+
+ + +

资料引导条

+
+

↓资料说明占位：配套资料与获取方式说明。

+

获取方式占位

+
+ + +

作者暖名卡

+
+ 作者头像占位 +

作者名占位

+

作者身份占位 · 领域占位

+

作者简介占位：一句话介绍作者的兴趣与写作方向。

+
+ 关注按钮占位 +
+ + +

联系方式卡

+
+

联系标题占位

+

渠道占位一：联系信息占位一

+

渠道占位二：联系信息占位二

+

渠道占位三：联系信息占位三

+
+ + +

居中花点分隔

+

· ● ·

+ + +

暖橙主行动卡

+
+

行动主标题占位

+

行动说明占位：一句话说清楚下一步做什么，语气积极。

+ 按钮文案占位 +

行动备注占位：补充说明一行

+
+ + +

双按钮行动条

+
+

双按钮标题占位

+

主按钮占位

+

次按钮占位

+
+ + +

邀约互动卡

+
+

邀约标题占位

+

邀约说明占位：邀请读者一起参与某件温柔的小事。

+ 留言互动占位 +
+ + +

温暖收束卡

+
+

结语标签占位

+

收束标题占位

+

收束要点占位一

+

收束要点占位二

+

收束要点占位三

+
+

结语文字占位：一句收尾的温暖话，像把杯子轻轻放回桌上。

+
+ + +

互动留言区

+
+

互动问题占位

+

互动引导占位：把问题抛给读者，邀请他们在留言区聊聊。

+

+ 选项占位一 + 选项占位二 +

+

留言引导占位：点赞占位 · 在看占位 · 分享占位

+
+ + +

再会祝福尾签

+
+

· · ·

+

祝福语占位：愿你今天也被温柔对待

+

结尾落款占位 · 下期预告占位

+
+ + + diff --git a/skills/le-wechat-article/references/themes/ENGINE.md b/skills/le-wechat-article/references/themes/ENGINE.md index 3e68b7f..1051f24 100644 --- a/skills/le-wechat-article/references/themes/ENGINE.md +++ b/skills/le-wechat-article/references/themes/ENGINE.md @@ -17,6 +17,12 @@ - 代码/命令/Prompt → common-components 1a/1b 代码块（**必须**，塞普通段落会丢缩进）；行内 code → 1c - 图片 → 2a（只有 `![说明](url)` 真有说明文字才加说明行，不编造）；**融合**：本地 `imgs/*.png` 路径原样保留，草稿箱同步时由 publish_draft.py 替换为微信域名 +## 版式基线（融合 v1.5.1，全主题强制） + +1. **开篇轻量铁律**：开篇组件只做「栏目标签 + 一句话导语/金句」的轻量形态——**不放大字主标题、不放头图照片、不放公司落款**。公众号后台已承担标题、封面图、账号名三样，正文开篇再出现就是信息重复。原头图并入正文首个图位；导语文案与外标题两层错开，禁止复述其核心关键词。 +2. **侧边距上限**：微信 App 自带 ~20px 页面边距是唯一主边距，HTML 各层合计每侧 ≤16px——容器/模块侧边 ≤6px；卡片侧边 10~14px；卡内嵌强调块 ≤12px。正文列宽占屏宽 ≥80%（文字距屏边约 30~34px 含 App 边距）。多层嵌套时从外到内逐层递减，宁可卡片贴边也不要正文列变窄。 +3. **字号阶梯**：正文 16px 起步（密集型主题最低 15px）；辅文/摘要/目录行 15px 起步；标签/图注 13~14px；≤11px 仅限装饰性微标（大写 letter-spacing 标签、水印编号、票据撕票行），不得用于正文与辅文。 + ## 智能处理（装配时必须做） 1. **章节自动编号**：按正文章节标题顺序编 01/02/03…（「融合」本工坊文章的章节是 `###`，按 `###` 计数——见 style-rules 标题层级，不用 `##`）；末章为结语/总结时用主题库指定的结语编号变体（如 `∞`）。 diff --git a/skills/le-wechat-article/references/themes/common-components.md b/skills/le-wechat-article/references/themes/common-components.md index 5903f1e..aa82598 100644 --- a/skills/le-wechat-article/references/themes/common-components.md +++ b/skills/le-wechat-article/references/themes/common-components.md @@ -20,12 +20,12 @@ . . . - python + python
-

def make_skill(name):

-

　　return f"已生成 {name}"

-

print(make_skill("gzh-design"))

+

def make_skill(name):

+

　　return f"已生成 {name}"

+

print(make_skill("gzh-design"))

``` @@ -37,10 +37,10 @@ ```html
- bash + bash
-

npx skills add gzh-design

+

npx skills add gzh-design

``` @@ -50,7 +50,7 @@ ### 1c. 行内代码（正文中的 `code` 短片段） ```html -SKILL.md +SKILL.md ``` （文字色 `#DC2626` 换主题主色；底色保持中性浅灰。） @@ -69,7 +69,7 @@ -

+

— 图片说明文字

``` @@ -88,7 +88,7 @@

GIF 动图 - 动图说明文字 + 动图说明文字

``` @@ -102,9 +102,9 @@ ```html
-

🎬

-

待补素材

-

此处插入：创建 skill 的录屏演示

+

🎬

+

待补素材

+

此处插入：创建 skill 的录屏演示

``` @@ -129,7 +129,7 @@ ### 3a. 左竖条小标题（最推荐，干净） ```html -

+

小标题文字

``` @@ -138,14 +138,14 @@ ```html

- 小标题文字 + 小标题文字

``` ### 3c. 序号药丸 + 标题（清单/步骤） ```html -

+

01 要点标题

@@ -155,7 +155,7 @@ ```html
-

+

「这里是核心观点或关键金句」

@@ -168,7 +168,7 @@

提示

-

+

提示或旁注的正文内容

diff --git a/skills/le-wechat-article/references/themes/theme-generator.md b/skills/le-wechat-article/references/themes/theme-generator.md index 5c89214..b8bb482 100644 --- a/skills/le-wechat-article/references/themes/theme-generator.md +++ b/skills/le-wechat-article/references/themes/theme-generator.md @@ -207,7 +207,7 @@ 也就是说，需要覆盖文章排版常见场景，但"覆盖全面"不等于"固定骨架"；你必须根据主题结构模型决定哪些类别更重、哪些类别更轻、哪些类别需要细分出更多变体。 至少包含以下大类 Block： -- 头图 / Hero / 封面 +- 头图 / Hero / 封面（开篇组件必须是 ENGINE「版式基线」的轻量导语条形态：栏目标签 + 一句话导语，无大字主标题/头图/落款；正文字号 ≥15px、卡片侧边 padding ≤14px、容器/模块侧边 ≤6px（HTML 每侧合计 ≤16px）） - 章节标题 / 小节标题 / 标签标题 - 正文段落 / 强调段落 / 行内代码段落 - 引用块 / 提示卡 / 警示卡 / 成功卡 / 信息卡 diff --git a/skills/le-wechat-article/references/themes/theme-graphite-minimal.md b/skills/le-wechat-article/references/themes/theme-graphite-minimal.md index 00b4c22..9c17522 100644 --- a/skills/le-wechat-article/references/themes/theme-graphite-minimal.md +++ b/skills/le-wechat-article/references/themes/theme-graphite-minimal.md @@ -30,11 +30,11 @@ 极浅灰底： #FAFAFA（引用块 / 目录卡 / 提示块，正文底保持纯白） 纯白底： #FFFFFF 强调色（暖橙）： #F97316（全篇 ≤3 处，仅用于锚点点睛） -正文字号： 15px（不可改） +正文字号： 16px（不可改） 行高： 1.8 字间距： 0.3px 最大宽度： 677px -内容区边距： 0 10px（左右各 10px） +内容区边距： 0 4px（模块边距，卡片侧边 10~12px） 章节间距： 56px（后续章节 margin-top） ``` @@ -63,16 +63,16 @@ > - 纯白底 + 上下各 1px 石墨极细线框定 + 大号金句，无色块、无阴影、无圆角，完全依靠细线与留白产生质感 ```html -
+

QUOTE

-

+

{{金句前段}} {{石墨下划线关键词}} {{金句收尾}}

-

+

—— {{作者名，未知则删整行}}

@@ -87,22 +87,22 @@ > 3 个及以上章节时生成。上方极细线 + 极浅灰底，石墨灰编号 + 深炭标题，纯灰阶无橙色，大留白。展示**精选 3 个核心看点**，不是全量章节列表。 ```html -
+

本文看点

-
+

01

-

{{看点一}}

+

{{看点一}}

-
+

02

-

{{看点二}}

+

{{看点二}}

-
+

03

-

{{看点三}}

+

{{看点三}}

@@ -115,7 +115,7 @@ > 无渐变、无颜色变化，单纯 1px 横向石墨极细线，两侧超大留白，呼吸感即来自此。 ```html -
+
@@ -129,16 +129,16 @@ > 核心特征：极大号石墨灰水印数字（作为背景层视觉锚）+ 英文小标签 + 深炭标题 + 底部 1px 细线。编号大字非常"现代极简"。第一章 `margin-top:16px`，后续章节 `margin-top:56px`。 ```html -
+
-

+

01

{{ENGLISH TAG}}

-

+

{{中文章节标题}}

@@ -152,7 +152,7 @@ **结语章节变体**（编号用 `∞` 替代数字，契合极简的无限循环意象，英文标签用 `THE END` / `EPILOGUE`）： ```html -

+

∞

``` @@ -168,7 +168,7 @@ **基础段落**： ```html -

+

{{正文内容}}

``` @@ -176,7 +176,7 @@ **带关键词下划线标记的段落**（推荐默认）： ```html -

+

{{前半句}} {{需要强调的关键短语}} {{后半句}} @@ -192,7 +192,7 @@ > `###` 子标题用石墨左竖条 + 深炭标题，**不套用组件 5 的水印编号章节样式**（水印编号只给 `##`）。竖条 3px 石墨灰，贴合极简气质。 ```html -

+

{{子标题}}

``` @@ -222,7 +222,7 @@ ### 7b. 极浅灰底深炭字标签（核心概念，每篇 2~4 个） ```html -关键词标签 +关键词标签 ``` ### 7c. 极浅灰背景高亮（次要关键词） @@ -252,7 +252,7 @@ ### 7g. 行内代码 ```html -code +code ``` --- @@ -264,8 +264,8 @@ > 左侧 3px 石墨灰竖条 + 大留白 + 深炭字，无底色，靠竖条与缩进建立层级，呼吸感极强。 ```html -
-

+

+

「{{核心观点或关键金句}}」

@@ -276,11 +276,11 @@ > 极浅灰底 + 1px 细线边框，用于展示 Prompt、引用内容、示例等较长内容。 ```html -
+

REFERENCE

-

+

{{引用内容，可含 7d 石墨下划线等内联样式}}

@@ -291,8 +291,8 @@ > 极细辅助灰竖条 + 小号文字，用于轻量旁注、作者旁白，不抢主文视觉。 ```html -
-

+

+

{{轻量旁注内容}}

@@ -303,7 +303,7 @@ > 上下 1px 细线 + 居中深炭字，用于章节之间的过渡金句。 ```html -

+

{{居中金句}}

``` @@ -317,8 +317,8 @@ > 石墨竖条 + 深炭文字，无背景色，极简提醒。 ```html -
-

+

+

{{重要提示或核心结论}}

@@ -329,8 +329,8 @@ > 橙色竖条 + 深炭文字，无背景色，是橙色在正文中最自然的出现方式。 ```html -
-

+

+

{{最需要引起注意的内容}}

@@ -341,11 +341,11 @@ > 极浅灰底 + 顶部深炭细线 + 多行内容，适合提示内容较多时。 ```html -
+

NOTE

-

+

{{较多的提示内容}}

@@ -363,9 +363,9 @@
STEP 01 - {{步骤标题}} + {{步骤标题}}
-

+

{{步骤内容}}

@@ -379,7 +379,7 @@
SKILL 1 - {{名称}} + {{名称}}
``` @@ -389,8 +389,8 @@ ### 10c. tool-card（工具 / 条目说明卡，极简线框版） ```html -
-

+

+

{{条目说明内容}}

@@ -405,16 +405,16 @@ ```html
- 1 -

{{列表项内容}}

+ 1 +

{{列表项内容}}

- 2 -

{{列表项内容}}

+ 2 +

{{列表项内容}}

- 3 -

{{列表项内容}}

+ 3 +

{{列表项内容}}

``` @@ -424,9 +424,9 @@ ```html

-
{{要点标题}} +
{{要点标题}}

-

+

{{要点说明}}

@@ -441,8 +441,8 @@

-

{{节点标题}}

-

{{节点内容}}

+

{{节点标题}}

+

{{节点内容}}

``` @@ -456,13 +456,13 @@ ### 两列数据卡（极简线框版） ```html -
-
-

{{数字}}

+
+
+

{{数字}}

{{说明}}

-
-

{{数字}}

+
+

{{数字}}

{{说明}}

@@ -471,21 +471,21 @@ ### 三列要点卡（顶部细线版） ```html -
-
+
+

01

-

{{要点标题}}

-

{{要点说明}}

+

{{要点标题}}

+

{{要点说明}}

-
+

02

-

{{要点标题}}

-

{{要点说明}}

+

{{要点标题}}

+

{{要点说明}}

-
+

03

-

{{要点标题}}

-

{{要点说明}}

+

{{要点标题}}

+

{{要点说明}}

``` @@ -493,8 +493,8 @@ ### 表格（真实数据表用） ```html -
- +
+
@@ -544,7 +544,7 @@ > 极简线框图片容器，无圆角、无阴影，1px 细线边框延续几何极简语言。 ```html -
+
@@ -554,7 +554,7 @@ 带说明文字时，图片容器 `margin-bottom` 改 `8px`，其后加： ```html -

+

— {{图片说明}}

``` @@ -568,7 +568,7 @@ GIF 动图角标改极简描边胶囊：边框与字色用石墨主色 `#52525B` > 纯几何，1px 细线 + 居中 "END" 字样，石墨灰，简洁收尾。 ```html -
+

 @@ -586,12 +586,12 @@ GIF 动图角标改极简描边胶囊：边框与字色用石墨主色 `#52525B` > 固定签名文案以正文段落形式呈现；有个人名片 / 引导图素材才放图，无素材整块删。 ```html -
+
-

+

我是 {{作者名}}，{{一句话简介，如：热衷于分享 AI 观察与干货}}。

-

+

如果你觉得今天这篇有收获，欢迎 点赞、在看、转发 三连，我们下篇见。 diff --git a/skills/le-wechat-article/references/themes/theme-index.md b/skills/le-wechat-article/references/themes/theme-index.md index 6f30831..aa69128 100644 --- a/skills/le-wechat-article/references/themes/theme-index.md +++ b/skills/le-wechat-article/references/themes/theme-index.md @@ -14,6 +14,7 @@ | 留白禅意风 | `#4A5D52` 墨绿 | 禅意冥想、极简生活、深度随笔、艺术留白（呼吸感最强） | `references/theme-zen-whitespace.md` | `border-bottom:1.5px solid #B5C8BC;font-weight:500;` | | 摸鱼票据风 | `#059669` emerald | 测评、工具对比、创意评测（票据/门票视觉隐喻，星级评分+编号+硬阴影卡片） | `references/theme-moyu-ticket.md` | `border-bottom:2px solid #A7F3D0;font-weight:600;` | | 橄榄手记 | `#1e1f23` 墨黑（配橙 `#ed7b2f`） | 内刊手记、深度评测、案例复盘、系统性说明文档（编辑部内刊质感，分节形式多样，信息密度偏高） | `references/theme-olive-journal.md` | `border-bottom:2px solid #ed7b2f;font-weight:600;` | +| 暖橙风 | `#EE7A2D` 暖橙 | 品牌发布、产品介绍、心理陪伴、生活方式（圆角暖卡、浅杏衬底、呼吸留白） | `references/theme-warm-orange.md` | `border-bottom:2px solid #F9C9A3;font-weight:600;` | ## 选择建议 diff --git a/skills/le-wechat-article/references/themes/theme-moyu-green.md b/skills/le-wechat-article/references/themes/theme-moyu-green.md index d69f58f..17072f9 100644 --- a/skills/le-wechat-article/references/themes/theme-moyu-green.md +++ b/skills/le-wechat-article/references/themes/theme-moyu-green.md @@ -12,7 +12,7 @@ > - 所有"装饰性空元素"（圆点、渐变分割线、装饰短横、时间线竖线）**必须在内部放 `
` 占位**，否则微信会剥掉样式 > - **不要把 `font-size`/`border-bottom` 打在 `` 上**，也不要在同一个 `

` 里混多个不同 `font-size`——微信编辑器会自动"纠正"导致样式被重写。正确做法：拆成多个 `

`，每个 `

` 只有一个字号；高亮样式统一挂在外层 `` 上 > - 不用 `position:absolute` 做划线/高亮，删除线用 `text-decoration:line-through` -> - 结构化区域（如封面右侧图片槽位）没有内容时**整块删掉**，不留空 section +> - 结构化区域（如作者头像、图片说明）没有内容时**整块删掉**，不留空 section --- @@ -39,12 +39,12 @@ 浅边框： #E5E7EB 浅灰背景： #F3F4F6 极浅灰： #F9FAFB -正文字号： 14px（不可改） +正文字号： 15px（不可改） 正文行高： 1.9 全局行高： 1.75 字间距： 0.5px 最大宽度： 677px -内容区边距： 0 20px（模块左右各 20px） +内容区边距： 0 12px（卡片通栏为主，卡片侧边 12px，封面卡外边距 8px） ``` 字体栈：`-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif` @@ -63,93 +63,35 @@ --- -## 组件 2 封面 cover-breaking（杂志快讯封面） +## 组件 2 封面 cover-breaking（快讯导语条） > **文案策略（先读，比代码重要）**： -> - 封面标题和公众号外标题是**两层标题**，必须视角错开——外标题卖"为什么点开"，封面卖"里面讲什么" -> - 已知外标题时，主标题**禁止原样复述**其核心关键词（产品名/功能名/场景词）；未知外标题时从五个视角（**数字反差 / 角色革命 / 案例串 / 方法论 / 情绪钩子**）自选一个直出，不停下来问 -> - 产品名/功能名只允许出现在**底部品牌条**或**副标题关键词条**，不出现在大字主标题 +> - 公众号后台已承担标题、封面图、账号名，开篇不再重复——本组件**不放大字主标题、不放头图**；开篇导语和外标题是**两层**，视角错开——外标题卖"为什么点开"，导语卖"里面讲什么、读完得到什么" +> - 已知外标题时，导语**禁止原样复述**其核心关键词（产品名/功能名/场景词）；未知外标题时从五个视角（**数字反差 / 角色革命 / 案例串 / 方法论 / 情绪钩子**）自选一个直出，不停下来问 +> - 认知翻转签名保留：划线旧认知在上，导语一句话给出新认知 +> - 产品名/功能名只允许出现在**底部品牌条** > - 仅当用户要求"帮我定封面方向"时才列 3-5 个方向让用户选 -**有右侧图片版**： - ```html

-
-
+
+

{{顶部标签}}

{{日期}}
-
-
-

- {{划线旧认知}} -

-

- {{主标题行1}} - {{绿色高亮词}} -

-

- {{主标题行2}} -

-
-
-
-

- {{副标题关键词}} -

-
-
- -
-
-
-
-

- {{底部左侧文字}} +

+ {{划线旧认知}} +

+
+
+

+ {{开篇导语}}

-
- {{标签1}} - {{标签2}} -
-
-``` - -**无右侧图片版**（文章没有封面头像图时用这个，标题区满宽）： - -```html -
-
-
-
- {{顶部标签}} -

- {{日期}} -
-
-

- {{划线旧认知}} -

-

- {{主标题行1}} - {{绿色高亮词}} -

-

- {{主标题行2}} -

-
-
-
-

- {{副标题关键词}} -

-
-
-
-

+

+

{{底部左侧文字}}

@@ -164,10 +106,8 @@ - `{{顶部标签}}` → 如 `TUTORIAL · 品牌实战`、`AI VIDEO · 实战案例`、`BREAKING`（建议 10-15 字符以内） - `{{日期}}` → 如 `2026.07` - `{{划线旧认知}}` → 被颠覆的旧观念（例：`MV要专业团队？`） -- `{{主标题行1}}` → 标题前半段（黑色）；`{{绿色高亮词}}` → 标题中的绿色强调词；`{{主标题行2}}` → 标题第二行（全绿色） -- `{{副标题关键词}}` → 简短关键词，用 `·` 分隔 +- `{{开篇导语}}` → 一句话给出新认知/本篇看点，与外标题错开视角 - `{{底部左侧文字}}` → 产品/品牌名；`{{标签1/2}}` → 底部小标签 - --- ## 组件 3 目录 toc-scroll（横向滚动目录） @@ -175,7 +115,7 @@ 2 个及以上章节时生成。第一个卡片绿色高亮，最后一个固定为"写在最后"（PART ///）。 ```html -
+

📦 {{N}} Parts + Conclusion @@ -190,7 +130,7 @@

PART 01

-

+

{{章节名}}

@@ -202,7 +142,7 @@

PART 02

-

+

{{章节名}}

@@ -214,7 +154,7 @@

PART ///

-

+

写在最后

@@ -232,10 +172,10 @@ 第一个章节用 `margin-top:16px`，后续章节用 `margin-top:48px`。最后一章编号用 `///`，PART 改为 `LAST`。 ```html -

+
-

+

{{01}}

@@ -244,7 +184,7 @@


-

+

{{中文标题}}

@@ -263,7 +203,7 @@ ## 组件 5 正文段落 paragraph ```html -

+

{{正文内容}}

``` @@ -313,19 +253,19 @@ ### 6g. 代码标签（行内代码） ```html -code +code ``` ### 6h. 获取方式标签（黄色背景） ```html -「关键词」 +「关键词」 ``` ### 6i. 删除线灰色（旧的/被淘汰的概念） ```html -旧词 +旧词 ``` **使用原则**： @@ -346,11 +286,11 @@
STEP 01 -

+

{{步骤标题}}

-

+

{{步骤内容}}

@@ -362,7 +302,7 @@
CASE 01 -

+

{{案例标题}}

@@ -376,7 +316,7 @@
SKILL 1 -

+

{{名称}}

@@ -392,18 +332,18 @@ ### 8a. prompt-block（PROMPT 展示块） ```html -

+

PROMPT - {{提示词内容}} + {{提示词内容}}

``` ### 8b. cmd-block（CMD 单行命令块） ```html -

+

CMD - {{命令内容}} + {{命令内容}}

``` @@ -420,8 +360,8 @@ 所有引用、补充说明的**默认组件**（虚线框是本主题的风格特征，仅此组件与 9b 保留 dashed）： ```html -
-

+

+

{{引用内容，可嵌入绿色加粗等内联样式}}

@@ -434,9 +374,9 @@ 单行版（只有主金句）： ```html -
+

- {{亮点内容}} + {{亮点内容}}

``` @@ -444,12 +384,12 @@ 带前缀引导语版（两段式）： ```html -
-

+

+

{{引导语}}

- {{亮点内容}} + {{亮点内容}}

``` @@ -457,11 +397,11 @@ 带下方补充说明版： ```html -
+

- {{高亮内容}} + {{高亮内容}}

-

+

{{补充说明}}

@@ -470,7 +410,7 @@ ### 9c. subtitle-highlight（小节黄色下划线标题） ```html -

+

{{小节标题}}

``` @@ -480,7 +420,7 @@ ### 9d. center-divider（居中金句分隔） ```html -

+

{{居中金句}}

``` @@ -493,10 +433,10 @@ ```html
-

+

！踩坑提示 🕳

-

+

{{提示内容}}

@@ -508,10 +448,10 @@ ```html
-

+

✦ {{提示标题}}

-

+

{{提示内容}}

@@ -520,8 +460,8 @@ ### 10c. yellow-warning（黄色警告框） ```html -
-

+

+

{{警告内容}}

@@ -530,8 +470,8 @@ ### 10d. green-info（绿色信息框） ```html -
-

+

+

{{信息内容}}

@@ -548,7 +488,7 @@ ```html

-
{{列表项文字}} +
{{列表项文字}}

``` @@ -558,9 +498,9 @@ ```html

-
{{标题}} +
{{标题}}

-

+

{{描述内容}}

@@ -572,29 +512,29 @@
-

+

{{步骤1标题}}

{{步骤1描述}}

-
+
→
-

+

{{步骤2标题}}

{{步骤2描述}}

-
+
→
-

+

{{步骤3标题}}

@@ -602,7 +542,7 @@

-

+

{{底部说明文字}}

@@ -616,7 +556,7 @@
-

+

{{卡片1标题}}

@@ -624,7 +564,7 @@

-

+

{{卡片2标题}}

@@ -632,7 +572,7 @@

-

+

{{卡片3标题}}

@@ -658,14 +598,14 @@

{{CASE 01}} -

+

{{标题}}

{{英文副标题}}

-

+

{{内容}}

@@ -679,8 +619,8 @@ 基本版： ```html -
-

+

+

{{说明内容}}

@@ -689,12 +629,12 @@ 居中高亮版（同 oneliner-card 规则：拆多个 `

`，不要 `` 带 font-size/border-bottom）： ```html -

-

+

+

{{小字}}

- {{高亮大字}} + {{高亮大字}}

``` @@ -705,7 +645,7 @@ ```html
-
{{列标题}}
+
@@ -737,19 +677,19 @@
1 -

+

{{列表项内容}}

2 -

+

{{列表项内容}}

3 -

+

{{列表项内容}}

@@ -793,8 +733,8 @@ 固定文案照写；SVG 图标微信支持，原样保留。 ```html -
-

+

+

既然看到这里了，如果觉得有用，随手点个赞、在看、转发三连吧。

@@ -842,7 +782,7 @@ ```html
- + @@ -905,7 +845,7 @@ | Markdown 元素 | 对应组件 | 说明 | |---|---|---| -| `# 标题` | 不使用 | 公众号文章标题在平台设置；封面主标题从中提炼（视角错开） | +| `# 标题` | 不使用 | 公众号文章标题在平台设置；开篇导语（组件 2）从中提炼一句（视角错开，不复述关键词） | | 文章开头 `> 引言` | 组件 9b oneliner-card 或并入封面副标题 | 开头金句 | | `## 章节标题` | 组件 4 chapter-title | PART 01/02/03…，末章 /// + LAST | | `### 子标题` | 组件 9c subtitle-highlight | 黄色下划线小节标题 | diff --git a/skills/le-wechat-article/references/themes/theme-moyu-ticket.md b/skills/le-wechat-article/references/themes/theme-moyu-ticket.md index 1a899c6..821be56 100644 --- a/skills/le-wechat-article/references/themes/theme-moyu-ticket.md +++ b/skills/le-wechat-article/references/themes/theme-moyu-ticket.md @@ -10,7 +10,7 @@ > > **WeChat 兼容铁律**（本主题组件全部已按此写好，改动时必须遵守）： > - 所有"装饰性空元素"（撕票虚线、头像占位框）**没有真实内容时整块删掉**，不留空 section -> - 正文字号固定 `14px`、行高 `1.9`——这是本主题的排版铁律，不与其它主题共用字号 +> - 正文字号固定 `15px`、行高 `1.9`——这是本主题的排版铁律，不与其它主题共用字号 > - 不要把 `font-size`/`border-bottom` 打在 `` 上，高亮样式统一挂在外层 `` 上 > - `writing-mode:vertical-rl`（票据侧边竖排字）在个别老旧客户端可能渲染异常，如遇异常可退化为横排小字，不影响其余结构 @@ -30,12 +30,12 @@ 代码背景： #F3F4F6 代码字色： #1F2937 品牌紫色（AI 品牌专用，如 Claude/Obsidian/Gemini）：#7C3AED -正文字号： 14px（本主题铁律，不可改） +正文字号： 15px（本主题铁律，不可改） 正文行高： 1.9 全局行高： 1.75 字间距： 0.5px 最大宽度： 677px -内容区边距： 0 20px（正文区块左右各 20px） +内容区边距： 0 10px（正文区块左右各 10px） 章节间距： margin-bottom: 32px ``` @@ -57,12 +57,13 @@ ## 组件 2 票据封面 ticket-cover -**用途**：文章开头，适合测评/对比/创意类文章。星级评分 + 编号 + 竖排小字，营造"一张门票/凭证"的仪式感。 +**用途**：文章开头，适合测评/对比/创意类文章。星级评分 + 编号 + 竖排小字，营造"一张门票/凭证"的仪式感。开篇轻量形态：不放大字主标题、不放头图，导语职能由副标题 + 简介段落承担。 + +> **文案策略（先读，比代码重要）**：公众号后台已承担标题、封面图、账号名，开篇不再重复。副标题与简介段落合起来是开篇导语，和外标题**两层错开**——外标题卖"为什么点开"，导语卖"里面讲什么"；已知外标题时**禁止原样复述**其核心关键词。 **可替换字段**： - `{{头部标签}}` → 如 `AI DESIGN TOOLS` -- `{{大标题}}` → 如 `STITCH vs PENCIL` -- `{{副标题}}` → 如 `两款免费 AI 设计工具深度对比` +- `{{副标题}}` → 开篇导语上半句，如 `两款免费 AI 设计工具深度对比` - `{{作者名}}` / `{{作者身份}}` - `{{简介段落}}` → 支持内嵌组件 6 的行内强调样式 - `{{#标签1/2/3}}` @@ -72,24 +73,23 @@ ```html
-
+
{{头部标签}}
★★★★★
-
-
{{大标题}}
-
{{副标题}}
+
+
{{副标题}}


-
{{作者名}}
-
{{作者身份}}
+
{{作者名}}
+
{{作者身份}}
-
+
{{简介段落}}
@@ -101,12 +101,12 @@
NO.
-
{{编号}}
+
{{编号}}
{{竖排文字}}
GRADE
-
{{等级}}
+
{{等级}}
@@ -115,7 +115,7 @@
✂

-
+
VALID FOR ONE READ
ADMIT ONE 🎫
@@ -131,11 +131,11 @@ **可替换字段**：`{{编号}}` `{{标题}}` `{{副标题}}` ```html -
+
-
{{编号}}
-
{{标题}}
-
/ {{副标题}}
+
{{编号}}
+
{{标题}}
+
/ {{副标题}}
@@ -152,10 +152,10 @@ **可替换字段**：`{{小节标题}}` ```html -
+

-
{{小节标题}}
+
{{小节标题}}
``` @@ -169,8 +169,8 @@ **可替换字段**：`{{正文内容}}` ```html -
-

+

+

{{正文内容}}

@@ -203,7 +203,7 @@ ### 6d. 代码标签 —— 技术名词/模型名/命令 ```html -{{文字}} +{{文字}} ``` ### 6e. 品牌紫色 —— Claude / Obsidian / Gemini 等 AI 品牌名专用 @@ -223,8 +223,8 @@ **可替换字段**：`{{case编号}}` `{{案例名称}}` ```html -
-

+

+

case{{case编号}}: {{案例名称}}

@@ -237,7 +237,7 @@ **用途**：包裹图片，票据纸感边框（米黄底 + 细灰边）。**规则**：`` 标签及其 `src`/`data-src` 原封不动复制，只套外层容器。 ```html -
+
@@ -255,9 +255,9 @@ **可替换字段**：`{{前缀}}` `{{结论内容}}` ```html -
-
-

+

+
+

{{前缀}} {{结论内容}}

@@ -274,11 +274,11 @@ **可替换字段**：`{{序号}}` `{{小标题}}` `{{描述}}` ```html -
+
-
{{序号}}
-
+
{{序号}}
+
{{小标题}} ：{{描述}}
@@ -298,21 +298,21 @@ **可替换字段**：`{{金句前半}}` `{{大数字}}`（可选）`{{金句后半}}` `{{补充说明}}` ```html -
+
-

+

{{金句前半}} - {{大数字}} + {{大数字}} {{金句后半}}

-

+

{{补充说明}}

``` -无大数字时去掉中间那个 `font-size:24px` 的 ``，整句金句合并放第一行 `

` 即可。 +无大数字时去掉中间那个 `font-size:25px` 的 ``，整句金句合并放第一行 `

` 即可。 --- @@ -323,7 +323,7 @@ **可替换字段**：`{{#标签}}` ```html -

+
{{#标签1}}
{{#标签2}}
@@ -344,8 +344,8 @@ ```html
-
-

+

+

{{互动文案}}

@@ -384,7 +384,7 @@ **用途**：文章最末尾收尾，放在外层容器（组件 1）内最后，footer-cta 之后。 ```html -

+

/

``` @@ -477,7 +477,7 @@ | Markdown 元素 | 对应组件 | 说明 | |---|---|---| -| `# 标题` | 不使用 | 公众号文章标题在平台设置；票据封面大标题从中提炼 | +| `# 标题` | 不使用 | 公众号文章标题在平台设置；开篇导语（副标题+简介段落）从中提炼，视角错开 | | 文章开头 `> 引言` | 并入封面简介段落 | 票据封面无独立引言卡组件 | | `## 章节标题` | 组件 3 chapter-title | 编号 01/02/03… | | `### 子标题` | 组件 4 subtitle | 左竖条小标题 | diff --git a/skills/le-wechat-article/references/themes/theme-olive-journal.md b/skills/le-wechat-article/references/themes/theme-olive-journal.md index 070850d..82565ba 100644 --- a/skills/le-wechat-article/references/themes/theme-olive-journal.md +++ b/skills/le-wechat-article/references/themes/theme-olive-journal.md @@ -30,26 +30,26 @@ 标签浅底： #e5e7e0 强调橙（关键词下划线/前导词/CTA）： #ed7b2f 陶土棕装饰（进行中/次强调）： #d4c9b8（配边框 #b17816） -正文字号： 14px +正文字号： 15px 正文行高： 1.9 全局行高： 1.75 最大宽度： 677px 容器内边距： 8px 区块间距： margin-top: 24px（首块头图卡除外） 圆角： 6px（统一小圆角，不用大圆角） -阴影： 整体几乎无阴影，靠边框 + 色块分层，仅头图卡的插画占位区可有极轻装饰 +阴影： 整体几乎无阴影，靠边框 + 色块分层 ``` 字体栈：`'IBM Plex Sans',-apple-system,system-ui,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif` -**正文关键词下划线**（对应 theme-index"正文下划线 CSS"列）：`border-bottom:2px solid #ed7b2f;font-weight:600;color:#23251d;`——直接复用本主题头图卡"强调词"与重点观点卡里已经出现的橙色下划线语言，保持主题内一致。 +**正文关键词下划线**（对应 theme-index"正文下划线 CSS"列）：`border-bottom:2px solid #ed7b2f;font-weight:600;color:#23251d;`——直接复用本主题重点观点卡里已经出现的橙色下划线语言，保持主题内一致。 --- ## 组件 1 全局容器 ```html -
+
@@ -58,47 +58,31 @@ --- -## 组件 2 头图卡 hero-card +## 组件 2 头图卡 hero-card（内刊导语条） -**用途**：文章开篇头图区，内刊风格：顶部标签+日期条，主标题+强调词，侧边配一枚手绘风占位插画，底部深色摘要条收尾。整篇文章唯一一处、放在最前面，不设 `margin-top`。 +**用途**：文章开篇区，内刊风格：顶部标签+日期条，一句话开篇导语，底部深色摘要条收尾。整篇文章唯一一处、放在最前面，不设 `margin-top`。开篇轻量形态：不放大字主标题、不放头图（公众号后台已承担标题与封面图）；原头图并入正文首个图位。 -**可替换字段**：`{{内刊标签}}` `{{日期}}` `{{旧标题占位}}`（可选，删除线小字，无需要时整行删除）`{{主标题}}` `{{强调词}}` `{{副标题说明}}` `{{底部摘要}}` `{{标签1}}` `{{标签2}}` +> **文案策略（先读，比代码重要）**：开篇导语和外标题**两层错开**——外标题卖"为什么点开"，导语卖"里面讲什么、读完得到什么"；已知外标题时**禁止原样复述**其核心关键词，从文章第一段或核心论点提炼一句。 + +**可替换字段**：`{{内刊标签}}` `{{日期}}` `{{开篇导语}}` `{{底部摘要}}` `{{标签1}}` `{{标签2}}` ```html
-
-
+
+
  {{内刊标签}}   {{日期}}
-
-
-

{{旧标题占位}}

-

- {{主标题}} · {{强调词}} -

-
-   -   -
-

{{副标题说明}}

-
-
- - DOODLE -
+
+   +  
+

{{开篇导语}}

-
-

{{底部摘要}}

+
+

{{底部摘要}}

{{标签1}} {{标签2}} @@ -107,8 +91,6 @@
``` -（`{{旧标题占位}}` 那一行没有真实"旧标题"内容时整行 `

` 删除，不留占位删除线空行。） - --- ## 组件 3 章节标题 section-title @@ -122,12 +104,12 @@

-

{{编号}}

+

{{编号}}

PART

 
-

{{标题}}

+

{{标题}}

{{副标题}}

@@ -145,7 +127,7 @@ ```html
-
+

{{刊头标签}}

{{版本号}} @@ -166,7 +148,7 @@ ```html
-
+

{{刊头标签}}

{{说明文字}}

@@ -184,7 +166,7 @@ ```html
-
+
{{期号}}
@@ -210,7 +192,7 @@
{{步骤序号}} - {{步骤标题}} + {{步骤标题}}
@@ -227,7 +209,7 @@ ```html
-

{{标题文字}}

+

{{标题文字}}

``` @@ -245,7 +227,7 @@
{{Kicker标签}} - {{标题}} + {{标题}} {{进度}}
@@ -263,7 +245,7 @@ ```html
-

+

{{正文内容}}

@@ -293,7 +275,7 @@ **d. 行内代码标签** —— 技术名词/字段名/命令 ```html -{{代码}} +{{代码}} ``` **e. 删除线旧词** —— 与"新旧对照段落"（组件 12）配套，单独用时表示"已废弃/被替代的说法" @@ -313,8 +295,8 @@ ```html
-

- {{正文前半}} {{代码}} {{正文后半}} +

+ {{正文前半}} {{代码}} {{正文后半}}

@@ -331,8 +313,8 @@ ```html
-

- {{旧表述}} +

+ {{旧表述}} {{新表述}} {{差异点}}

@@ -352,7 +334,7 @@
    -
  • +
  • {{列表项}}
@@ -371,12 +353,12 @@ ```html
-
+

{{批注标签}}

{{批注小字}}
-
-

{{编者按正文}}

+
+

{{编者按正文}}

@@ -393,8 +375,8 @@ ```html
-
-

+

+

{{重点观点}} {{补充说明}}

@@ -464,7 +446,7 @@
图片
-
{{图片说明}}
+
{{图片说明}}
``` @@ -482,9 +464,9 @@ ```html
-

{{图表标签}}

+

{{图表标签}}

- {{占位说明}} + {{占位说明}}
@@ -503,12 +485,12 @@
-

{{左侧标题}}

+

{{左侧标题}}

{{左侧说明}}

-
vs
+
vs
-

{{右侧标题}}

+

{{右侧标题}}

{{右侧说明}}

@@ -528,19 +510,19 @@
-
{{维度列名}}
-
{{方案A名}}
-
{{方案B名}}
+
{{维度列名}}
+
{{方案A名}}
+
{{方案B名}}
-
{{行标题}}
-
{{A值}}
-
{{B值}}
+
{{行标题}}
+
{{A值}}
+
{{B值}}
-
{{行标题}}
-
{{A值}}
-
{{B值}}
+
{{行标题}}
+
{{A值}}
+
{{B值}}
@@ -558,9 +540,9 @@ ```html
-
+

{{FLOW标签}}

-

{{流程说明}}

+

{{流程说明}}

节点一 @@ -601,11 +583,11 @@

- +   {{条目标题}} 

-

{{条目说明}}

+

{{条目说明}}

@@ -624,10 +606,10 @@

{{FAQ标签}}

-

01 / {{问题}}

+

01 / {{问题}}

-

02 / {{问题}}

+

02 / {{问题}}

@@ -654,14 +636,14 @@
CASE -

{{案例标题}}

+

{{案例标题}}

{{行业规模}}

-

{{案例描述}}

+

{{案例描述}}

案例配图
-

{{结果总结}}

+

{{结果总结}}

@@ -682,7 +664,7 @@
-

{{标签}}

+

{{标签}}

{{分组说明}}
@@ -706,8 +688,8 @@ ```html
-
-

{{文末互动引导}}

+
+

{{文末互动引导}}

@@ -746,10 +728,10 @@

{{标签}}

- {{阶段名·默认}} - {{阶段名·默认}} - {{阶段名·进行中}} - {{阶段名·终态}} + {{阶段名·默认}} + {{阶段名·默认}} + {{阶段名·进行中}} + {{阶段名·终态}}
@@ -766,13 +748,13 @@ ```html
-
+

{{SUMMARY标签}}

-

{{左侧结论}}

+

{{左侧结论}}

{{NEXT标签}} -

{{右侧说明}}

+

{{右侧说明}}

@@ -788,10 +770,10 @@ ```html
-
-
+
+

{{CLOSING标签}}

-

{{结尾金句}}

+

{{结尾金句}}

@@ -810,8 +792,8 @@ ```html
-
-

{{摘要文字}}

+
+

{{摘要文字}}

{{标签}}
@@ -831,7 +813,7 @@
{{头像字}} - {{签名文字}} + {{签名文字}}
@@ -850,19 +832,19 @@
-

///

+

///

END

 
-

{{结尾标题}}

+

{{结尾标题}}

{{结尾说明}}

-

{{收尾段落1}}

-

{{收尾段落2}}

-
-

{{最后总结}}

+

{{收尾段落1}}

+

{{收尾段落2}}

+
+

{{最后总结}}

@@ -879,7 +861,7 @@ ## 完整文章模板骨架 ```html -
+
diff --git a/skills/le-wechat-article/references/themes/theme-red-white.md b/skills/le-wechat-article/references/themes/theme-red-white.md index 419c2c8..de75159 100644 --- a/skills/le-wechat-article/references/themes/theme-red-white.md +++ b/skills/le-wechat-article/references/themes/theme-red-white.md @@ -30,11 +30,11 @@ 辅助文字色： #9CA3AF（中灰） 分割线色： #E5E7EB 灰竖条： #D6D3D1（灰底引用左竖条） -正文字号： 15px（不可改） +正文字号： 16px（不可改） 行高： 1.8 字间距： 0.5px 最大宽度： 677px -内容区边距： 0 10px（左右各 10px） +内容区边距： 0 4px（左右各 4px，卡片侧边 10~14px） ``` 字体栈：`-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif` @@ -62,17 +62,17 @@ > - 红底白字标签仅在本卡片内使用（视觉焦点），正文中的关键词标签一律用浅红底深红字（组件 7b） ```html -
-

+

+

"

-

+

{{高亮关键词}} {{金句中段}} {{高亮关键词}} {{金句收尾}}

-

+

—— {{作者名，未知则删整行}}

@@ -85,22 +85,22 @@ > 3 个及以上章节时生成。红底白字编号 + 深色标题；展示**精选 3 个核心看点**，不是全量章节列表。 ```html -
-

+

+

📌 本文看点

-
-

01

-

{{看点一}}

+
+

01

+

{{看点一}}

-
-

02

-

{{看点二}}

+
+

02

+

{{看点二}}

-
-

03

-

{{看点三}}

+
+

03

+

{{看点三}}

@@ -111,7 +111,7 @@ ## 组件 4 章节分割线（红色渐变） ```html -
+
@@ -125,15 +125,15 @@ > 红色实底编号标签 + 英文小标签 + 中文大标题，底部红色实线。第一章 `margin-top:16px`，后续章节 `margin-top:48px`。 ```html -
+
- 01 + 01

{{ENGLISH TAG}}

-

+

{{中文章节标题}}

@@ -148,7 +148,7 @@ **结语章节变体**（编号用 `∞` 替代数字，英文标签用 `THE END` / `EPILOGUE`）： ```html -∞ +∞ ``` --- @@ -160,7 +160,7 @@ **基础段落**： ```html -

+

{{正文内容}}

``` @@ -168,7 +168,7 @@ **带关键词下划线标记的段落**（推荐默认）： ```html -

+

{{前半句}} {{需要强调的关键短语}} {{后半句}} @@ -184,7 +184,7 @@ > `###` 子标题用红色左竖条 + 深色标题，**不套用组件 5 的编号章节样式**（编号章节只给 `##`）。 ```html -

+

{{子标题}}

``` @@ -238,7 +238,7 @@ ### 7f. 行内代码 ```html -code +code ``` --- @@ -248,8 +248,8 @@ ### 8a. 粉底左竖条金句引用（视觉焦点最强，核心金句） ```html -
-

+

+

「{{核心观点或关键金句}}」

@@ -258,8 +258,8 @@ ### 8b. 浅红背景引用块（Prompt / 引用内容） ```html -
-

+

+

{{引用内容，可含 7d 下划线等内联样式}}

@@ -268,8 +268,8 @@ ### 8c. 灰色左竖条引用（轻量旁注、个人吐槽） ```html -
-

+

+

{{轻量旁注内容}}

@@ -278,7 +278,7 @@ ### 8d. 居中金句分隔（章节间的过渡金句） ```html -

+

{{居中金句}}

``` @@ -290,8 +290,8 @@ ### 9a. 红色提示条（重要提醒、核心结论） ```html -
-

+

+

💡 {{重要提示或核心结论}}

@@ -301,10 +301,10 @@ ```html
-

+

！踩坑提示 🕳

-

+

{{提示内容}}

@@ -322,9 +322,9 @@
STEP 01 - {{步骤标题}} + {{步骤标题}}
-

+

{{步骤内容}}

@@ -335,8 +335,8 @@ ### 10b. tool-card（工具/条目说明卡） ```html -
-

+

+

{{条目说明内容}}

@@ -351,16 +351,16 @@ ```html
- 1 -

{{列表项内容}}

+ 1 +

{{列表项内容}}

- 2 -

{{列表项内容}}

+ 2 +

{{列表项内容}}

- 3 -

{{列表项内容}}

+ 3 +

{{列表项内容}}

``` @@ -370,9 +370,9 @@ ```html

-
{{要点标题}} +
{{要点标题}}

-

+

{{要点说明}}

@@ -387,8 +387,8 @@

-

{{节点标题}}

-

{{节点内容}}

+

{{节点标题}}

+

{{节点内容}}

``` @@ -403,13 +403,13 @@ ```html
-
-

{{数字}}

-

{{说明}}

+
+

{{数字}}

+

{{说明}}

-
-

{{数字}}

-

{{说明}}

+
+

{{数字}}

+

{{说明}}

``` @@ -419,15 +419,15 @@ ```html
-

{{数字}}

+

{{数字}}

{{说明}}

-

{{数字}}

+

{{数字}}

{{说明}}

-

{{数字}}

+

{{数字}}

{{说明}}

@@ -437,7 +437,7 @@ ```html
-
{{列标题1}}
+
@@ -465,13 +465,13 @@ 浅红底深红字（默认）： ```html -标签名 +标签名 ``` 红色描边（轻量）： ```html -标签名 +标签名 ``` --- @@ -489,7 +489,7 @@ 带说明文字时，图片 `margin-bottom` 改 `8px`，其后加： ```html -

+

— {{图片说明}}

``` @@ -501,7 +501,7 @@ ## 组件 15 END 结尾分割线 ```html -
+

 @@ -519,14 +519,14 @@ > 固定签名文案以正文段落形式呈现；有个人名片/引导图素材才放图，无素材整块删。 ```html -
+
-

+

我是 {{作者名}}，{{一句话简介，如：热衷于分享 AI 观察与干货}}。

-

+

如果你觉得今天这篇有收获，欢迎 点赞、在看、转发 三连，我们下篇见。 diff --git a/skills/le-wechat-article/references/themes/theme-warm-orange.md b/skills/le-wechat-article/references/themes/theme-warm-orange.md new file mode 100644 index 0000000..5762217 --- /dev/null +++ b/skills/le-wechat-article/references/themes/theme-warm-orange.md @@ -0,0 +1,639 @@ +# 公众号排版组件库 —— 暖橙风 + +> **使用说明**：本组件库为「暖橙风」主题（主题 ID：`theme-warm-orange`，由 `assets/theme-previews/theme-warm-orange.html` 区块库转换而来），所有组件使用**内联样式**，可直接复制粘贴到微信公众号编辑器。 +> +> **设计风格**：温暖疗愈系排版。暖橙主色 + 浅杏衬底 + 大圆角白卡 + 轻柔和阴影，圆点装饰与点状虚线贯穿全文，像冬日午后的一杯热橙茶。适合品牌发布、产品介绍、心理陪伴、生活方式类文章。 +> +> **公众号平台限制须知**： +> - ❌ 不支持 `

{{列标题}}