20 分钟用 AI 搭一个网站：零代码入门

几周前你有了个想法——写一个马来西亚美食博客、放你的摄影作品集、给副业做个落地页——第一个拦路虎就是“我不会写网站”。这个拦路虎已经没了。2026 年你用一句话描述网站，AI 就帮你搭出来：文字、版式、图片全都齐。这篇带你走完三条零代码路线，并把最快那条从头到尾演示一遍。

三条路线，三个目标

• Framer AI——设计优先。描述你的想法，得到一个精致的多页网站，还能拖拽编辑。最适合作品集、博客、落地页，有免费档。
• Wix ADI——小店友好。回答几个关于你店铺或服务的问题，得到自带预约和收款的现成网站。最适合本地生意。
• AI 写代码——完全掌控。让 AI 程序员（比如我们教程里的 OpenHands）生成 HTML，再免费托管到 Cloudflare Pages。想要完全掌控并边做边学时选它。

最快路线：Framer AI 分步实操

打开 framer.com 免费注册。点 “Create with AI”，输入一句话——比如：“一个介绍传统马来西亚菜烹饪方法的温馨博客，带大图、食谱卡片和邮件订阅”——然后点生成。Framer 几秒钟就产出完整的多板块页面。

把它变成你的

点任意板块改文字、换图片（尽量用你自己的照片，比素材图更有信任感）。拖拽板块调整顺序。选一套适合你的字体和配色，然后分别在手机和电脑上预览。满意后点发布——Framer 会给你一个免费子域名（形如 yoursite.framer.app），之后可以随时绑定自己的域名。

小店走 Wix 路线

如果你在本地卖服务或商品，Wix ADI 会问几个简单问题（“你做什么？在哪？电话？”），然后搭出带菜单、预约和收款的网站。这是最快做出专业感本地生意网站的方式，之后还能交给别人编辑维护。

新手常见坑

• AI 图片不像自家风格——把生成的图换成自己的照片，真实照片更能建立信任。
• 忽略 SEO 基础——设置清晰的页面标题和描述，写真实文字（别整页都是图），并把网站提交到 Google Search Console。
• 免费子域名显得不专业——买个域名（比如 yourname.com）绑上去，多数建站器 5 分钟搞定。
• 板块太多——落地页最好就：主视觉 + 2–3 个内容块 + 一个行动按钮，不服务目标的都删掉。
• 不看手机版——多数访客来自手机，发布前务必预览并修好移动端布局。

小结

AI 把第一个网站的成本压到了几乎为零。先用 Framer AI 感受速度，需要生意功能就换 Wix，想要完全掌控再转向 AI 写代码——你的想法值得一个比想象中更快上线的首页。