最近有建站相关的需求，gemini 或是 claude 都能写出很好的前端代码。
美中不足的是还需要我自己部署网站，自己进行网站设计，我实在是没有这种很好的设计能力。
于是我就在寻找一种能自己设计网站，自己部署网站的工具。
找啊找，找到了建站神器：same （https://same.new/）
我更愿意称之为仿站神器，因为你只需将漂亮网站的网址发给 same，它就能进行像素级复刻。
自动对网站内容分析、排版分析、处理错误、部署网站，整个流程都是全自动的，你无需多轮对话。
showtime
首先，我们要指定开发的技术栈，你可以问问 same 擅长什么技术：
如果你想把代码部署到 vercel，建议基于 next.js 建站。
就通过复刻这个背包客的网站做演示：https://abrokenbackpack.com/
可参考我的提示词：
帮我基于Next.js+shadcn/ui，TailwindCSS，Bun等你擅长的技术，复刻 https://abrokenbackpack.com/，部署网站并输出网站的访问地址
把提示词发给 AI ，AI 开始对整个网页截图，然后分析网页的内容组成、页面布局：
遇到问题自动处理：
自动构建项目：
自动部署网站：
部署成功后会自动输出访问网站的网址：
有时候网站部署成功后，没有输出网站的访问链接，可以让 AI 重新发送地址。
到此网站就已经复刻完成了，大家可以看看效果：
原网址：https://abrokenbackpack.com/
新网址：https://same-iv56ji3a1un-latest.netlify.app/
需要注意，如果目标网站的页面动态效果比较多，复刻的效果就会打折扣。
以下是复刻后的效果图：
本地运行并提交到 github
AI 生成的网站只是完成了前端静态效果，如果我们想要制作应用站，可以将代码下载到本地，在 cursor 等 AI 编程工具中实现更多需求。
这里我只介绍怎么把代码在本地跑起来，具体的功能实现大家可以自行探索。
- 将 same.new 中生成的代码下载到本地，解压到一个文件夹。
- 使用 cursor 打开本地的代码文件夹
- 输入指令让 cursor 在本地运行代码
- 编译项目
在提交到 github 前需要编译项目，确保项目编译不会报错。
可以让 cursor 告诉你该怎么编译：
如果遇到问题继续将报错信息发给 cursor 处理。
- 部署在 github
前提是你需要注册一个 github 账号，本地也要安装 git 软件：https://git-scm.com/downloads
然后让 cursor 告诉你怎么将本地代码提交到 github：
部署到vercel
还记得最开始让 AI 建站时使用的技术栈吗？
其中的框架就是 next.js，vercel 能和 next.js 无缝集成，这是因为 next.js 最初由 vercel 的团队开发。
我们可以把这个项目部署到 vercel，这能为你节省一个服务器的成本。
- 将项目代码提交到 github
- 在 vercel.com 创建账号，推荐用 github 账号，后续能直接导入项目进行部署。
- 在 vercel 新建项目
- 找到项目后点击 import，然后开始部署
部署成功后会得到网站的访问网址。
如果你想使用自己的域名，可以去购买域名，然后在 vercel 项目的设置页面添加域名即可：
写在最后
以前总有人说 “我有一个绝妙的 idea，就差一个程序员团队了”。
现在，AI 都能帮你完成，只需你提供一个绝妙的 idea！
往后 AI 的编程能力会越来越强，编程的技术门槛会越来越低。
审美能力、需求挖掘的能力愈发重要，因为这是 AI 无法代替你完成的。
