AionClaw可一键生成可上线网页：粘贴分段文案、规范命名图片、指定布局或上传参考图，点击生成后导出含优化资源的HTML包。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要把网站文案和配图一次性交给AI，让它自动排版成可直接上线的网页内容，而不是手动复制粘贴再调整格式。
准备网站文案与图片素材
打开AionClaw主界面，点击左下角【新建任务】→选择【网页内容生成】技能。这一步必须先选对技能，否则后续无法调用网页结构化模板。
在弹出的输入框中，直接粘贴你的完整文案：标题、副标题、正文段落、CTA按钮文字，每部分用空行隔开。不要提前分段加粗或插入HTML标签——AionClaw会按语义自动识别层级。
【图片素材必须放在同一文件夹内，且命名含中文说明】 比如“首页banner_产品全景”“详情页_功能对比图”。AionClaw读取时依赖文件名理解用途，乱序命名或英文编号会导致图片错位到错误模块。
指定网页结构与风格偏好
方法一：用自然语言描述布局需求
在文案下方另起一行，写明类似“首页顶部放banner图，中间三栏图标+短文案，底部留联系方式”这样的指令。AionClaw会解析空间逻辑并匹配内置网页组件库。
方法二：上传参考网页截图
点击输入框右侧【添加参考图】图标，拖入一张你认可的竞品网页截图。它会提取视觉节奏、色块分布、图文比例，生成风格趋近的初稿。
注意：若同时提供文字描述和截图，AionClaw默认优先服从文字描述，截图仅作配色与留白参考。
生成并导出网页包
第一步：点击【生成网页】按钮，等待10～25秒（取决于文案长度和图片数量）
第二步：预览界面自动弹出，左侧显示实时渲染效果，右侧列出所有已插入图片的原始路径与尺寸
第三步：确认无误后，点击右上角【导出为HTML包】→选择“含图片资源”选项→指定本地保存位置
导出的ZIP包解压后是一个完整可运行网页：index.html为主页，images文件夹内是重命名后的适配图片（尺寸已压缩至Web友好规格），CSS和JS文件已内联，双击index.html即可在浏览器查看最终效果。
