外贸人都在用AI做网站

铲子铺按语

这篇是 AI 建站的实战记录：SiteGround 和 Hostinger 自带的 AI 建站功能都试了，还有省点数三个技巧。对还在观望 AI 建站的外贸老板，先规划再生成、先定视觉再动工这两条最值得抄。

最近在群里，还有和新加的小伙伴聊天的时候，发现了一个很明显的趋势：越来越多的人开始用 AI 建站了。这一点其实让我挺高兴的。因为平时线下见面交流时，很多人连 WordPress 都不愿意研究，更别说听起来更复杂的 AI 建站了。结果最近发现，不少小伙伴已经开始用 AI 搭建自己的站点，而且完成度还挺高。其中还有不少是女孩子，这点确实有点出乎我的意料。看过他们做出来的网站后，感觉很多项目已经具备正式上线的水平了。

大家都在用什么方案

了解下来，他们主要使用的方法有几种：

• 有的用 Decap CMS。
• 有的用 Astro。
• 还有一些则是利用 Codex 之类的 Agent，把 HTML 页面转换成 WordPress 块编辑器内容。

大家都在尝试不同的方案，而且整体效果都还不错。感兴趣的小伙伴，也可以参考他们的思路试试看，真的不复杂，效果也还不错，将来是趋势，建议多尝试。

平台自带的 AI 建站功能体验

这两天我也在测试不同平台自带的 AI 建站功能，希望找到一种更快速上线网站的方式。目前试用了 SiteGround 的 Coderick，以及 Hostinger 的 Horizon。

• 实际体验下来，我觉得 Horizon 可能更适合很多刚接触 AI 建站的小伙伴。
• 默认会赠送 5 个点数，足够搭建一个几页规模的简单网站。后续如果觉得好用，再补充一些点数，也可以继续做更多项目。
• 而且它本身提供托管服务，网站做好之后绑定域名就能直接上线，相比很多传统建站流程，省去了服务器配置、文件上传、调试部署以及后续维护的一大堆事情。
• 当然，本质上它还是一个在线的 React 建站环境，只是把很多复杂配置提前帮你处理好了。

技巧一：提前规划，比反复修改更省点数

• 我的做法一般是先和 Claude 把网站整体规划聊清楚，包括网站结构、页面布局、功能需求、SEO 配置以及后续扩展方向，都提前梳理出来。
• 然后再针对每个细节深入讨论，最后整理成一份完整文档。
• 这一点非常重要，规划调研整理好能省掉很多后面的时间和避免无谓的点数消耗。
• 把这份文档直接交给 AI 建站工具生成第一版网站，这样出来的结果通常会清晰很多。
• 后续发现问题时，也尽量统一整理成一个修复文档，一次性提交修改需求，而不是想到一点改一点，可以有效减少点数消耗。

技巧二：先做视觉设计，再让 AI 建站

AI 建站有一个比较明显的问题，就是生成出来的网站容易长得很像，很多站点一眼看过去，都像是同一个模板衍生出来的。所以在正式生成网站之前：

• 我更建议先用 Gemini、Lovable 这类工具设计视觉风格。
• 然后让 AI 把整个视觉体系详细描述出来，形成一份设计规范文档。
• 后面再把这份文档交给建站工具作为设计依据，这样生成出来的网站差异化会明显很多。
• 当然，这一步也可以和前面的整体规划一起完成。

技巧三：学会直接修改代码

如果想进一步节省点数，可以直接切换到 Code 模式：

• 把页面代码下载下来，或者直接复制对应页面代码。
• 然后丢给 Claude、Gemini、Codex 等第三方工具，按照自己的需求修改。
• 修改完成后，再把新的代码复制回去替换。

很多设计调整和功能修改，其实都能通过这种方式完成，不需要反复消耗平台点数。希望对你有用。

近期准备组织一场线下的 AI 建站和 SEO 交流活动，感兴趣的小伙伴可以留言或联系我。需要外链的小伙伴，欢迎加入我的知识星球；需要电商独立站 SEO 优化的小伙伴，也请直接联系我。

站长

Ray Chan

外贸独立站操盘手

做过外贸谈单、建过站、跑过 SEO、也拍 YouTube。常年服务国内工厂出海，坑踩过，路跑通，货都在这铺子里。

进圈子，一起玩 →看看资源包