AI 建站教程：用 AI 做网站的 6 个步骤

用 AI 做网站，先用日常语言描述你想要的网站，附上 logo、照片或价目表，让 AI 建站工具生成并托管它。检查上线后的效果，在同一个对话里提出修改，直到满意为止。最后绑定你自己的域名，正式上线。

• 动手输入之前先准备好：网站的一个核心目标、要有哪些页面，以及真实的文字、照片和价格。
• 一条详细的首条消息胜过一连串短消息，在每个 5 小时窗口只能构建一次的免费计划上尤其如此。
• 把手头已有的东西附上，比如 logo、菜单 PDF 或价目表，网站就会用你的真实内容，而不是占位文字。
• 表单、预约、登录和支付，开口要就能加上。支付和邮件要等你在“集成”里填入自己的密钥后才会生效。
• 在手机上测试，核对每个价格和每句宣传语，并在把网址印到任何物料上之前换成自己的域名。

开始之前：目标、页面、真实内容和照片

AI 做出来的网站好不好，更多取决于你提供了什么，而不是用了哪个工具。稍做准备，就能省掉好几轮返工。先把这些准备好：

• 一个核心目标。访客来了要做什么：打电话、预约、下单、发咨询，还是加入名单？一个网站同时力推五个动作，结果哪个都推不动。
• 页面清单。典型的本地商家网站有首页、服务或菜单、关于我们、联系方式，可能再加一个预约或下单页。自由职业者或一场活动，用分区块的单页网站就够了。
• 真实内容。店名、地址、电话、营业时间、服务项目和价格，再加几条已获授权使用的简短顾客评价。可以直接粘贴，也可以作为文件附上。
• 照片。店面、团队和作品的实拍照，胜过任何图库图片。没有实拍照时，WisyLink 会使用图库照片或简洁的矢量插画；它不会生成照片。
• 语言。想好网站需要哪些语言。双语网站会生成规范的语言版本，各有自己的 URL；这件事一开始就提出来，比事后再加容易得多。

整个流程一览：

1. 用一条清楚的消息描述网站。
2. 附上 logo、照片、菜单或价目表。
3. 观察构建过程，打开上线链接。
4. 用后续消息逐步完善。
5. 需要时添加表单、预约、登录或支付。
6. 换成自己的域名并正式上线。

能免费做吗？能。WisyLink 的 Community 计划不收费、无需绑卡，能构建并托管一个完整的网站。它有两个限制需要提前规划：每个 5 小时窗口只能构建一次；链接保留 30 天，之后再标记为待删除一周，除非你升级，否则到期就会被删除。不过期的链接需要付费计划，最低每月 $7；自定义域名在所有计划上都能用，包括免费计划。你可以先从 Community 开始，等网站可以对外分享时再升级。

第 1 步：用一条清楚的消息描述网站

就像给一位你信任的设计师写需求：这是什么生意、面向谁、需要哪些页面和功能、整体感觉是什么样。下表说明每一部分的作用。

把这些合在一起，一家社区烘焙店的首条消息可以这样写：

为“小橡树烘焙”做一个网站，这是一家位于站前路 14 号的社区烘焙咖啡馆。核心目标：吸引顾客到店，并在线预订庆典蛋糕。

页面：首页（大幅主图、今日特供、营业时间）、菜单（面包、酥点和蛋糕，价格取自附件价目表）、蛋糕（预订表单：姓名、邮箱、电话、蛋糕款式、尺寸、取货日期、蛋糕上的祝福语）、关于我们（品牌故事，使用附件里的团队照片）和联系方式（电话、带地图链接的地址、营业时间）。

保存每一笔预订，并给我一个简单的管理页面，能查看预订并标记为已完成。温暖的手作风格：米白背景、墨绿点缀，使用附件中的 logo。网站只用中文。

WisyLink 的聊天助手 Wisy 读完后，要么针对会影响结果的地方问一个简短的问题（“蛋糕订单需要在线收定金吗？”），要么直接开始构建。按钮文字、版块顺序这类小决定，它会自己补上。回答它的问题，一句话就够了。

第 2 步：附上 logo、照片、菜单或价目表

附件是把真实内容放上网站最快的办法。WisyLink 支持 17 种文件类型，每个最大 25 MB，包括 JPEG、PNG、WebP、HEIC 和 SVG 图片，PDF、Word 和 Excel 文档，以及 CSV 和纯文本。效果最好的做法：

• Logo：SVG，或透明背景的 PNG。
• 照片：直接用手机拍的就行，HEIC 格式也可以。挑几张好的，别传四十张差不多的。
• 菜单或服务项目：直接用你平时发给顾客的 PDF 或 Word 文件。
• 价格或商品清单：列名清楚的 CSV 或 Excel 表格，比如商品、类别、价格。

在消息里说明每个文件的用途：“关于我们页面用 team.jpg”，“价格取自 prices.xlsx”。附上的文件会保存在这个链接的参考文件里，之后的构建也能继续用。只上传你有权使用的照片和文字。

要替换现有网站？把每个页面的文字复制到 Word 或文本文件里附上，并列出旧页面的地址，比如 /menu 或 /prices，让新网站沿用这些地址。地址不变，这些页面已有的搜索排名就能保住。

第 3 步：观察构建并打开上线链接

构建开始后，聊天里会实时显示任务清单，告诉你构建代理正在做什么；如果早早发现它理解错了，点“停止”按钮即可结束构建。用 iOS 或 Android 应用的话，构建完成时会收到通知。首次构建完成前，网站地址会显示一个“构建中”页面。

做好的网站发布在独立的 HTTPS 地址 https://<id>.wisylink.com 上，你可以在聊天里预览，也可以在新标签页中打开。读一读构建结束时的说明：它会列出做了什么，以及你还需要做的事，比如管理员登录信息或要添加的密钥。然后做第一轮检查：

1. 先用手机打开网站，很多顾客第一次看到它就是在手机上。
2. 对照你自己的资料，核对店名、地址、电话、营业时间和每一个价格。
3. 点一下电话号码和地图链接，看能不能用。
4. 用像真的一样的信息提交表单，再确认这条记录出现在管理页面里。
5. 把想改的地方全部记下来，再统一发送。

第 4 步：用后续消息逐步完善

所有修改都在同一个对话里完成；没有拖拽编辑器，也不用碰代码。好的修改意见会写明页面、元素和具体改动：

• “菜单页面按面包、酥点、蛋糕分组，价格靠右对齐。”
• “把首页照片换成附件里的 shopfront.jpg。”
• “手机版把电话号码放到页头，并且点一下就能拨号。”
• “取货日期至少要在今天的两天之后，更早的日期不能选。”

把修改集中起来一次发。每次修改都是一次新构建，免费计划每个 5 小时窗口只能构建一次，所以一条消息列出八处修改，比分八条消息发快得多。付费计划额度更大，两次构建之间的等待也更短。如果构建失败，上一个版本会继续在线，所以大胆尝试也不会让网站出问题。

有一个要求能帮你以后省下很多次构建：让它做一个管理页面，用来编辑经常变动的内容，比如今日特供、营业时间或价格。在管理页面里改的内容，大约一分钟内就会出现在网站上，完全不需要构建。

第 5 步：添加表单、预约、登录或支付

交互功能只差一条消息，因为网站有真正的后端：项目需要时，会加上数据保存、账户和文件存储。常见的几种：

联系和咨询表单

提交的内容会保存下来，并在管理页面中列出。邮件通知通过你自己的邮箱账户（SMTP）发送；在接入之前，表单照样保存记录，只是不发邮件。

预约

带人数上限的时段或课程。预约以原子方式保存，两位访客不可能同时抢到最后一个名额。

登录

会员专区或客户门户，网站自带注册、登录、角色和管理后台。用你自己的 OAuth 凭据，还可以加上 Google 或 GitHub 登录。

支付

通过你自己的 Stripe 账户或其他支付服务商收取定金、订单款或订阅费。只有支付服务商确认后，订单才会标记为已支付。

全站密码

上线前给合作伙伴看草稿时很有用。一个共享密码保护所有页面。

凡是依赖外部账户的功能，都要等你在“集成”（Integrations）里填入凭据后才会启用。构建结束时的说明会告诉你需要哪些，“集成”页面会列出每个服务商的设置步骤。千万不要把密钥粘贴到聊天里。支付先用服务商的测试密钥下一笔测试订单，全流程跑通后再换成正式密钥。

不必第一天就把所有功能做齐。按顾客使用的顺序添加功能：烘焙店可以先带着菜单和预订表单上线，等订单来了再加在线定金。每加一项功能，就是在同一个对话里多发一条消息。

第 6 步：换成自己的域名并正式上线

自定义域名在所有计划上都能用，包括免费计划。如果还没有域名，请先在任意域名注册商处注册一个。在“域名”（Domains）里有两种方式：

• 用一条 DNS 记录绑定已有域名：DNS 留在原服务商那里，你只需添加页面上显示的记录（指向 cname.wisylink.com 的 CNAME 记录，或一条 A 记录）。不影响你的邮箱。
• 把域名服务器指向 WisyLink：获得完整的 DNS 管理。这会替换现有的所有 DNS 记录，包括邮箱的 MX 记录，所以只有在你准备好在 WisyLink 的 DNS 管理器里重建这些记录时才选它。

有两个坑反复出现。很多 DNS 服务商不允许在根域名（example.com）上设置 CNAME，这时请用 A 记录。另外，同一主机名上残留的旧 A 或 AAAA 记录会让验证无法通过，记得删掉。验证在你发起后开始，会自动重试，如果 6 小时后记录仍不正确就会放弃；改好记录后重新发起即可。HTTPS 证书会自动签发。

域名验证通过后，在这个链接的域名设置里选中它并部署，几秒钟内就会生效。每个链接同一时间只使用一个域名。接着通知搜索引擎：在 Google Search Console 中把域名添加为资源，它会通过 DNS 记录验证域名所有权；然后提交站点地图 /sitemap.xml，每个 WisyLink 网站都会自动提供它。

AI 擅长什么，哪些还得你自己检查

AI 建站工具擅长的，正是过去需要设计师和开发者才能完成的部分：在手机上也好用的统一布局、清晰的页面结构、能用的表单和数据保存，以及技术层面的 SEO 基础。WisyLink 的每个页面都在服务器端渲染，带有标题、描述、规范 URL 和社交分享图，网站还会自己提供站点地图和 robots.txt。

AI 做的网站对 SEO 友好吗？技术上没问题，搜索引擎在首次加载时就能看到每个页面的完整内容。排名则是另一回事。Google 明确表示，恰当地使用 AI 或自动化并不违反其指南，它看重的是原创、有用的内容，不管内容是怎么产生的。AI 搭好了容器；真正让页面值得排名的，是你的真实价格、照片、专业知识和本地信息。

以下这些仍然要你亲自检查：

• 事实。每个价格、营业时间、地址和宣传说法。AI 可能用看似合理的文字填补空白，而且 WisyLink 自己的服务条款规定，审核输出内容是你的责任。
• 措辞。每个页面都读出声来。凡是你不会站在柜台前对顾客说的话，都删掉。
• 表单和流程。每个表单都提交一遍，做一次测试预约、一笔测试付款，确认管理页面里收到了什么。
• 法律页面。如果你收集姓名、邮箱或付款信息，就需要一份与实际收集内容相符的隐私声明。让它生成这个页面，再对照你所在地的规定核实措辞。
• 图片和文字描述。确认照片与文字说的一致，每张重要图片都有对读屏软件有意义的描述。

把这轮检查当作构建的一部分，而不是事后补救。我们在《评估所生成的内容》一文中解释了为什么有方法的检查胜过匆匆一瞥。

用 WisyLink 上线你的网站

如果你刚接触这个概念，AI 应用生成器是什么、如何工作一文介绍了基础知识，《生成式网络》则解释了为什么一句话现在就能变成一个托管网站。除了商家官网，还想找更多灵感，可以看看用例：预约系统、客户门户、网店、活动报名等等。

准备好之后，参照上面的表格写出首条消息，附上文件，发送出去。在手机上测试上线链接，把修改集中起来发；想让网站长期在自己的域名上在线时，再对比各个计划。

用一条消息描述它，拿到一个在线链接：在 Community 计划上免费开始，无需绑卡。