SuperAPI AI 工具集

replicate-theme

前端与建站

查看项目

更新于 10-15 17:22

技能介绍

用途:在 /liberate 完成站点抓取后,把源站页面重建为 WordPress FSE 区块主题,走“搬运并限定作用域”路径,目标是最大视觉一致性。它只负责重建→主题阶段,抓取已由 /liberate 完成。

主要能力:调用 liberate_reconstruct_pages_carry({ outputDir, studioSitePath, themeName?, pages }),逐页加载 html/<slug>.html,收集并缓存 CSS,拆分 header/main/footer,将各区域原样放入 core/html 岛,按 chrome 与 main 分别限定源 CSS 作用域,并对搬运后的 DOM 做 tree-shaking;同时把内部链接改写为本地固定链接、安装媒体并把 <img>/url() 指向本地媒体库。输出真实 FSE 主题到 <studioSitePath>/wp-content/themes/<derived-slug>-carry/,含 parts、templates、assets/css、functions.php、theme.json、style.css。

使用方式:先运行 npx tsx scripts/carry-reconstruct-drive.ts <outputDir> --slim 精简 WXR 以便开通站点,再用 liberate_preview 开通 Studio 站点,然后运行 npx tsx scripts/carry-reconstruct-drive.ts <outputDir> <studioSitePath> "<Site> (Carry)" 完成重建、媒体自托管、链接改写、主题与 output-carry.wxr 写入。之后用 _swap.php 直接替换线上内容并激活主题,最后用 carry-replica-shots.ts 截图并调用 liberate_compare 做像素对比。

适用场景:小型站点可全量搬运;博客/新闻为主的内容型站点建议混合模式,只搬运定制营销页,文章等保持原生模板渲染。

限制:该路径刻意放弃区块可编辑性,页面为原始 HTML 可编辑;不要把它转成区块。MCP 服务器不热重载,新工具需重启。主题 slug 由 outputDir 推导(已知缺口:本应由 studioSitePath 推导)。报告一致性前必须同宽渲染、裁剪并逐项列出真实差异,不得未查看就断言一致。缺失输入应停止并提示先运行 /liberate,不要在此重新抓取。