用TaoToken统一API通道可避免多页面AI内容风格割裂：先创建密钥，再在config.toml中统一base_url为taotoken.net/api，最后在后台按页面类型绑定固定模型。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用 TaoToken 统一 API 通道，避免模型渲染风格割裂
当你在 AionClaw 中为多页面网站配置不同 AI 模型生成内容（如首页 Banner 文案、产品页详情、博客页摘要）时，若各页面调用的模型不一致，会导致语气、长度、术语偏好明显不同——用户一眼就能察觉这不是同一个“人”写的。必须让所有页面背后的 AI 输出服从同一套语义规范。
第一步：登录 TaoToken 控制台 → 创建一个专属 Key → 复制以 【sk-开头的完整密钥】，不要漏掉末尾的字符；
第二步：在 AionClaw 的 config.toml 中，将所有模型入口统一指向 TaoToken 的 base_url：base_url = "https://taotoken.net/api"，而不是各自填 OpenAI、Qwen 或 Kimi 的地址；
第三步：在 TaoToken 后台的「模型路由」里，为每个页面类型绑定固定模型。例如：首页文案 → qwen2.5-72b-instruct，产品页 → deepseek-r1，博客摘要 → glm-4-flash。这样 AionClaw 调用时只传 model 参数，实际执行由 TaoToken 动态路由，输出风格始终可控。
通过 CSS 变量 + 组件库锁定视觉层一致性
AionClaw 本身不接管网页前端样式，但它常被用于生成带 HTML 片段的内容（比如自动生成新闻卡片、FAQ 折叠面板、服务流程图）。如果这些片段直接插入页面却没走统一样式体系，很快就会出现按钮圆角不一、字体行高错乱、颜色值漂移等问题。
方法一：在网站全局 CSS 中定义基础变量，并强制 AionClaw 输出的 HTML 片段引用它们：
:root { --brand-primary: #1890FF; --text-base: 14px; --spacing-sm: 8px; --radius-md: 4px; }
方法二：给 AionClaw 配置「HTML 模板后处理规则」——在它生成完 HTML 后，自动注入 class 属性。例如把 <button> 替换为 <button class="btn btn-primary">，再由你已有的 Button 组件接管渲染；
注意：这一步必须在 AionClaw 的 plugins/html_postprocessor.py 中编写正则替换逻辑，否则原始 HTML 会绕过你的 CSS 作用域直接生效。
用页面布局模板约束结构层级
多页面网站最容易失控的是区块堆叠顺序和嵌套深度。AionClaw 若按提示词自由生成 HTML，可能首页用 <section> 包三层，而关于我们页用 <div> 套五层，导致媒体查询失效、无障碍阅读器识别错乱。
① 在 AionClaw 的 prompt 模板中，明确限定容器标签。例如要求它输出时必须以 <article class="page-module"> 开头，内部只允许使用 <header>、<main>、<footer> 三级语义标签；
② 禁用自由发挥的结构性词汇。在系统提示词（system prompt）中加入硬性约束：“禁止使用 <aside>、<nav>、<figure> 等非模块化语义标签，所有图文组合必须包裹在 <div class="module-content"> 内”；
③ 对接前端构建工具，在 CI 流程中加入 HTML 结构校验脚本。一旦检测到非法嵌套或缺失 class，立即阻断部署——这比上线后再人工修复快得多。
