我用 AI 克隆了一个网站：当建站成本趋近于零，真正贵的是什么？
以前照着一个网站重做页面，最磨人的不是写代码。
是量尺寸、认字体、找颜色、下载图片，再一遍遍调整电脑端和手机端。一个看起来只有几屏的官网，常常先耗掉两三天。
ai-website-cloner-template 把这段重复劳动交给 AI。给它一个网址，它会检查页面、提取样式和素材、拆分组件，再生成一套 Next.js 代码。做独立站、客户展示页、旧站迁移的人，都可以拿它先搭出可修改的底稿。
但别把它理解成“复制网页按钮”。它真正改变的是：页面外壳越来越容易做，网站能不能带来咨询、订单和信任，开始成为更贵的部分。
先别研究原理，十分钟把它跑起来
最省事的准备只有三样：GitHub 账号、Node.js 24 或更高版本，以及一个能操作浏览器的 AI 编程工具。项目推荐 Claude Code，也支持 Codex、Cursor、Copilot 等工具。
打开项目页，不要在原仓库上改。点击绿色的 Use this template，选择 Create a new repository，给自己的副本起名。
图 1：项目主页。先用模板创建自己的仓库，再开始修改。
然后把新仓库下载到电脑：
git clone 你的仓库地址cd 你的仓库目录npm install |
在 Codex 中打开这个目录，确认浏览器工具可用，发送：
/clone-website https://example.com |
这条命令背后不是简单截图。它会先检查目标页，记录字体、颜色、间距、图片和交互，再把页面拆成组件，写进当前项目。完成后运行：
浏览器打开 http://localhost:3000。准备上线前，再执行：
它会依次检查代码格式、类型和生产构建。安装时如果出现依赖告警，先记录并逐项核查，不要顺手执行带 --force 的修复命令。
本地确认无误后，把修改推回自己的 Git 仓库。登录 Vercel，点击 New Project，导入这个仓库，再点 Deploy。Vercel 会识别 Next.js，并在后续每次推送代码时自动重新部署。页面如果接了表单、数据库或第三方接口，再到项目设置里填写对应的环境变量，不要把密钥写进代码。
我拿最简单的网站跑了一遍
为了让结果容易核对，我选了 example.com。这个页面只有标题、两段文字和一个链接，很适合第一次练手。
目标页的灰色背景、正文宽度、顶部留白、24 像素标题和蓝色链接，都能从浏览器里读到。AI 完成重建后，本地页面在 1280 像素宽的窗口中，正文宽 768 像素，左侧留白 256 像素，顶部留白 108 像素，与目标页一致。
图 2：目标页 example.com | 
图 3：本地生成的页面 |
我随后运行 npm run check，代码检查、类型检查和生产构建全部通过。到这一步，拿到的不再是一张相似的图片，而是一套能继续改文字、换图片、加表单并部署的代码。
简单页面几分钟就能完成。页面越复杂，检查时间越长。轮播、弹窗、滚动动画、登录和后台数据不会凭空出现，手机端也要重新逐页检查。
AI 克隆省掉的是手工描摹，不是建站能力
传统建站通常从空白画布开始：设计师出稿，开发者写结构和样式，再处理响应式与交互。好处是每一步都能围绕业务定制，代价是时间长、沟通多、修改成本高。
AI 克隆反过来。它先从一个已经存在的页面里提取结构，快速做出底稿，再由人替换品牌、内容和功能。它适合旧站迁移、活动页重建、风格研究和快速验证，不适合把别人的标志、文案、图片原样拿来营业。
工具能复制的，只是浏览器里看得见的部分。数据库、支付、会员、客服流程、搜索排名和客户信任，仍要重新搭建。
当页面越来越便宜，网站靠什么留下来
一个网站先得让访客迅速相信你。案例、报价、联系方式、交付过程是否清楚，决定了用户会不会继续看。
信任建立之后，页面还要把流量变成动作。下载资料、提交需求、预约咨询、购买产品，每一页都要知道自己希望用户下一步做什么。
最容易被忽略的是更新。一个半年不动的漂亮网站，只是一张网络海报；能回答客户问题、承接搜索、记录数据的网站，才会不断降低获客成本。
所以，当建站成本趋近于零，网站的价值会从“做出来”转向“带来什么结果”。
五条能落地的收入方向
你可以帮有授权的企业把旧站迁到 Next.js，解决源码丢失、维护困难和移动端体验差的问题；也可以给本地门店做单页咨询站，把地图、电话、案例和预约表单放在一处。
内容团队、电商卖家和课程主理人经常需要短期活动页，可以按项目交付，再收取域名、部署、更新和数据复盘费用。熟悉某个行业后，还能把常用栏目做成模板，为装修、外贸、招聘、培训等客户快速换内容。
更长期的做法，是不只交一个页面，而是继续做转化测试、内容更新、速度优化和表单维护。一次建站是项目，持续帮客户获得线索，才会形成稳定服务。
AI 已经能把一个页面的外壳迅速搬过来。但用户为什么停留、为什么相信、为什么愿意付钱，仍然要靠人把它一层层建起来。
资料备注
项目仓库：https://github.com/JCodesMore/ai-website-cloner-template
部署说明：https://vercel.com/docs/git
演示目标：https://example.com
实测环境：Node.js 24.14.0；项目 npm run check 已通过。
