Holo Social Infographic

HOLO 社媒信息图生成技能

Skill Graph： 领域 → [[_index-outreach|多渠道触达领域]]

使用 Draw.io CLI 生成技术参数信息图，用于社媒运营配图

⚠️ 核心原则

所有技术参数必须来自 NAS 共享盘真实资料，禁止捏造！

数据来源

• 优先读取：honglong-products 技能的结构化产品知识库
• 权威兜底：NAS Y:\1.HOLO机器目录（最终资料存放）\ 原始文件
• 验证规则：所有参数必须可溯源到具体 NAS 文件

🎯 核心功能

📊 HOLO 产品真实参数（来源：NAS）

风冷机（A2FRJ / A3FRJ / A4FRJ）

水冷机（ASJ系列）

分层机

多功能导条机

🚀 使用方式

⭐ 统一生成器（推荐）

# 使用统一脚本生成信息图
python holo_infographic.py [command] [参数]

# 可用命令:
python holo_infographic.py comparison              # 竞品对比长图
python holo_infographic.py spec                    # 技术参数图（默认A3FLJ）
python holo_infographic.py spec A3FLJ              # 指定型号
python holo_infographic.py spec A2FLJ              # 指定型号
python holo_infographic.py spec A3FLJ "Y:\图片.jpg"  # 指定型号+图片
python holo_infographic.py flow                    # 操作流程图
python holo_infographic.py faq [型号]              # FAQ 图文
python holo_infographic.py selector                # 产品选型图
python holo_infographic.py applications            # 应用场景图

技术参数图支持传入 NAS 产品图片路径，自动加载到 Hero 区域。

📊 新增功能：数据驱动的信息图

核心原则：真实数据，禁止 Mock

所有信息图的数据必须来自以下来源：

1. FAQ 图文 (faq 命令)

python holo_infographic.py faq A3FLJ

数据来源流程：

1. 📂 NAS - 读取产品说明书的 FAQ 章节
2. 📚 知识库 - 读取常见问题列表
3. 🔍 网络搜索 - 补充行业常见问题
   • 搜索：conveyor belt splicing FAQ, belt splicer troubleshooting

输出：针对特定产品的 FAQ 信息图

2. 产品选型图 (selector 命令)

python holo_infographic.py selector

数据来源流程：

1. 📂 NAS - 读取全系列产品的真实参数对比
2. 📚 知识库 - 获取产品定位和分类
3. 🔍 网络搜索 - 补充行业选型标准
   • 搜索：belt splicer selection guide, conveyor belt width selection

输出：HOLO 全系列产品选型指南

3. 应用场景图 (applications 命令)

python holo_infographic.py applications

数据来源流程：

1. 📂 NAS - 读取客户案例、产品应用照片
2. 📚 知识库 - 获取各行业应用描述
3. 🔍 网络搜索 - 搜索行业应用数据
   • 搜索：mining conveyor belt splicing, cement plant belt maintenance
   • 行业：Mining, Cement, Port, Steel, Power, Food

输出：HOLO 应用场景展示图

🔍 网络搜索集成

当需要生成这三类信息图时，应先进行网络搜索：

# FAQ 搜索
"conveyor belt splicing machine common problems"
"belt splicer FAQ troubleshooting"
"industrial belt joining questions"

# 选型搜索
"how to select belt splicing machine"
"conveyor belt width selection criteria"
"air cooled vs water cooled belt splicer"

# 应用场景搜索
"mining conveyor belt splicing applications"
"cement plant belt maintenance solutions"
"port cargo handling belt systems"

注意：搜索结果用于参考和补充，最终数据必须与 NAS 和知识库交叉验证。

脚本位置

skills/holo-social-infographic/
├── holo_infographic.py           # 统一生成器（入口）
└── templates/
    ├── HOLO_竞品对比长图_国际版_v2.html    # ✅ 竞品对比
    └── HOLO_技术参数图_国际版.html          # ✅ 技术参数（新增）

Playwright 截图核心函数

def html_to_png(html_path, output_path, viewport_height=3000):
    """HTML 转 PNG - 完整页面截图"""
    with sync_playwright() as p:
        browser = p.chromium.launch()
        page = browser.new_page(viewport={'width': 1920, 'height': 100})
        page.goto(f'file:///{html_path}')
        page.set_viewport_size({'width': 1920, 'height': viewport_height})
        page.screenshot(path=output_path, full_page=True)
        browser.close()

HTML 模板制作规范

1. 宽度固定 1920px
2. 背景白色，不用深色
3. 字体用 Inter（Google Fonts CDN）
4. 无 emoji，用纯色块或线条代替
5. 产品图片用 file:/// 协议加载 NAS 文件

模板文件格式

<!-- 必须包含 -->
<meta name="viewport" content="width=1920">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
    body { font-family: 'Inter', sans-serif; width: 1920px; }
</style>

详细参考

以下内容已拆分到 [[references/templates-and-examples.md]]，仅在需要时读取：

• 📋 信息图模板
• 🔧 常见操作示例
• ⚙️ 技术要求
• 📁 输出目录结构
• 📐 标准生成脚本模板
• 🔴 关键规范
• 📝 更新记录

何时读取：需要查阅详细步骤、模板、配置或示例时。