本教程将教你用阿里云的 AI 建站工具万小智，为自己的生意开发网站。即使你完全不懂技术也能快速开发网站，并发布上线。

首先简单介绍下万小智这个工具，区别于传统的建站工具和 AI 编程工具，它主要有以下优势，这也是我选择这个工具的原因：

• 它是 AI Agent 驱动的建站工具。不懂技术直接通过自然语言对话描述需求，AI 就可以完成代码编写。技术门槛低、开发周期短。
  
• 覆盖前端、后端、数据库服务。不仅仅开发那种纯前端展示型的网页，还能支持业务逻辑复杂的网站。比如在线预约、商城、内容网站。
  
• 覆盖网站开发-上线-运营全流程。 AI 写代码现在很多工具能做到，但是网站必须部署上线才能发挥价值，这就涉及到服务器、域名、备案、数据追踪、SEO等，万小智打通了这套流程，实现一键部署。
  

具体可以直接看官网和官方文档介绍，我们这个文档主要讲怎么使用万小智搭建网站，就不过多赘述了。

https://wanwang.aliyun.com/website/xiaozhi?source=5176.29345612&userCode=ydhcon4a

https://help.aliyun.com/zh/document_detail/3039522.html?scm=20140722.H_3039522._.OR_help-T_cn~zh-V_1&source=5176.29345612&userCode=ydhcon4a

下面正式进入教程。

一、工具准备

1、进入万小智官网

点击👇这个链接直接跳转。

https://wanwang.aliyun.com/website/xiaozhi?source=5176.29345612&userCode=ydhcon4a

2、登录阿里云账号

点击右上角的【登录】按钮，跳转登录页，使用支付宝/淘宝 App 扫码登录即可，没注册过的会自动注册。

3、领取限时免费灵感值

灵感值是使用万小智 AI 功能的资源配额。1 灵感值 = 0.01 元。

新用户可以免费领取 2000 灵感值，有效期一年。

点击官网的【立即体验】按钮，跳转到【建站控制台】，系统会自动弹窗让你领取。（我领取时没截图，就不展示了弹窗界面了）

有可能第一次跳转的时候没显示弹窗（我就碰到了），第二天又登网站才弹了窗。如果一直没有的话，可以找网站上的【AI 助理】或【联系客服】。

领取成功后，可以在【灵感值】菜单下，查询到领取记录。

4、订阅服务（可先建站，发布时再开）

1）为什么需要订阅？

只有订阅服务后网站才能正式上线，这样互联网的公域流量才能访问到，不然你只是做了一个自己能看的网站，那没有意义。

因为你的网站要上线，会涉及到服务器、数据存储、流量加速等资源，这个是不可避免的，不管哪家云服务商都要花钱买。

另外还有一些用高级能力，如支付插件、视频插件、应用内大模型插件（生文/生图/生视频），付费订阅版才能用。

你可以直接开通订阅，也可以先不开，先去体验建站效果（消耗灵感值），在最终需要发布上线时再订阅。

2）有哪些版本可选？

目前有以下订阅版本，不同版本权益有所区别。

可以在官网里查看不同版本的权益。

也可以在官方文档里查看。

https://help.aliyun.com/zh/document_detail/3039523.html?source=5176.29345612&userCode=ydhcon4a

我重点解释一下几个偏技术的概念：

• 数据库动态内容管理：支持动态数据存储、后台维护、前端动态渲染，区别于纯静态页面写死内容；可以录入、修改数据，页面自动更新，适合表单、产品库、订单、会员等动态业务。
  
• 数据库空间：为方便理解，可以类比 Excel 表格。一个数据库里可以有多张表格，每条数据对应表里一行。数据越多，需要的存储空间越大。但是和我们做 Excel 表格不太一样，应用程序的一般不设计成大宽表（也就是字段特别多，很多列），会拆分成多张表，增删改查数据时通过主键关联起来使用。
  
• OSS存储空间：OSS 用于存放网站上传图片、附件、素材等静态文件，是阿里云对象存储。
  
• CDN网络加速流量：用户访问网站时，从就近缓存仓库调取图片、页面、视频等文件所消耗的数据流量，可以加快网页的加载速度。
  
• ECS配置：ECS 就是一台放在阿里云机房里的虚拟电脑（云服务器），ECS 配置 = 服务器的硬件规格（CPU、内存等）。共享是指多个万小智用户一起共用一台大服务器的资源，不是给你单独独占一台完整云服务器。
  
• SSL 证书：相当于网站的电子身份证 + 数据加密锁，装上之后网址从 HTTP 变成 HTTPS，浏览器地址栏出现小安全锁。作用是数据加密（访客提交手机号、表单、登录密码等信息加密传输，防止泄露）、身份核验（由权威第三方机构审核签发，证明网站是正规站点，降低钓鱼风险）、消除浏览器不安全警告（没有证书，打开网站浏览器会直接提示【不安全】，客户容易直接关掉页面离开）。现在做官网、小程序、落地页基本都要求 HTTPS，没有 SSL 很多浏览器、微信、小程序会拦截访问。
  
• 三级域名：在你自己的主域名前面再加一段自定义地址（自定义名称.你的域名.com，shop.company.com ），属于独立域名分支。作用是做不同专题页面、活动落地页、分站。它和网站目录页面不同（company.com/activity），这种是主网站下面的一个文件夹页面，依附于主站。
  
• 独立域名：相当于使用你自己购买的正式域名（网址）；非独立 = 用平台分配的内置二级 / 三级临时网址。独立域名品牌正规、利于 SEO 收录、方便客户记忆、可配置 SSL 安全锁、适配公众号 / 小程序对接。
  
• 备案：服务器 / 建站节点在中国大陆，并且使用自己的独立域名对外访问，必须做 ICP 备案，没备案会被拦截打不开。
  

3）我该选择哪个版本？

建议根据你要做的网站类型选择，需求越复杂，功能要求越多，则需选择更高级的版本。

体验版默认在网页右下角显示“万小智”标识，升级后可移除。

4）如何开通订阅？

有多个入口可以开通订阅。

A：官网订阅入口

注意选择正确的【web 应用/小程序应用】【订阅版本】【部署节点】【购买时长】。

注意：这里没有体验版，购买时长也是 1 年起。

选择好之后，点【立即购买】，支付就可以。

B：发布应用时订阅

在控制台建好网站后，确定要上线了，点击【购买并发布】按钮，显示订阅弹窗。

选择正确的【订阅版本】【部署节点】【购买时长】。

注意：

1、这里会根据你建的网站的情况（有没有使用高级能力），动态展示可订阅的版本。比如，我建的网站用了高德地图插件，而这个插件标准版和高级版才能用，那就不会显示体验版和轻量版。如果那些高级功能对你来说是无关紧要的，可以让 AI 去掉，关于网站的开发后面会讲到。

2、这个入口可以购买【体验版】。

3、这个入口可以 1 个月起购。

选择好之后，点【立即购买】，支付就可以。

5）领取免费域名

现在有个优惠活动，2026年9月30日，购买/续费万小智AI建站或云·企业官网，每单赠送1个.CN域名首年免费权益，在建站控制台领取。

可以在万小智官网查看领取步骤。照着操作就可以。

二、澄清业务需求

1、了解网站开发流程

先简单讲一下，在软件工程中，开发一个项目的流程：

这个流程看起来很复杂，但是现在 AI 可以帮非技术人员完成大部分的工作，比如，需求分析和产品设计、UI/UX 设计、编码、发布上线。

但需要注意是，人在需求澄清和测试阶段，还是必须承担主要责任，本教程也是基于这个原则编写的。

关于需求澄清，可以分为两种方式：

2、填写建站需求调研问卷

适用于能全面清晰的表述业务需求的建站者。

我个人首推这种方式。我会提供一份模板，帮你理清思路。

如果讲不清也没关系，能写多少写多少。

你可以使用 AI 辅助（如把零散的、口语化的想法整理为结构化内容；帮找参考网站），但不要让 AI 帮你想需求，除非你是复刻别人的网站，不然你的个性化需求 AI 肯定是不知道的。

1）下载模板

点击链接：模板-建站需求调研梳理，跳转模板文档。

点击右上角的【更多按钮】→【下载为按钮】→【word/markdown】。

这个问卷覆盖了项目基本信息、用户画像、业务流程和规则、网站风格、多媒体素材等维度。

2）填写模板

模板中列出了关键的问题，你可以参考文档中的例子，把你的建站需求填进去。

填好之后，把示例、使用指导等文字都删掉，得到一份纯净版的业务需求文档。这样 AI 使用时可以减少无效 token 的输入成本和理解负担。

3、提炼设计风格

如果你想模仿其他网站的视觉风格，建议把网站转化为 Design.md 设计系统文档，然后在建站时给 AI 参考。

DESIGN.md 是由 Google Stitch 提出的一种面向AI的设计规范文件，本质上是一个Markdown文件，它包含颜色调色板、字体规则、间距尺度、按钮样式、网格系统等基础设计规范，无需Figma导出、JSON配置或其他工具链 。

1）怎么找参考网站

没有现成的参考网站时，让 AI 帮你找。

修改以下提示词模板发给 AI。然后找出符合你要求的网站。

我要开发一个网站，现在需要确定设计风格，帮我找优质的网站案例做参考。
网站类型：【内容创作者个人品牌展示】
期望风格：【有设计感的】
不想要的风格：【AI 生成的纯 HTML 网页】
给我参考案例简介和链接。

2）安装网站设计系统提炼 skill

把以下提示词发给你的 AI Agent，让他帮你安装。

安装这个 skill 到当前项目下。
https://github.com/google-labs-code/stitch-skills/tree/main/plugins/stitch-design/skills/extract-design-md

这是谷歌开源的网站设计系统逆向提取 skill，提供网站源码/链接，可产出 Stitch 兼容的 .stitch/DESIGN.md——包含 YAML 色彩/排版 token 的标准化文档。

3）生成 DESIGN.md 文档

安装好之后，只要把你要参考的网站链接发给 Agent，让它提炼设计系统。它就会写好一份标准的DESIGN.md 文档。

三、新建应用

把上一步准备好的文档发给万小智，让他开发网站。

也可以直接与万小智沟通需求，让它快速产出一版网站，然后根据可视化的结果逐步修改完善。

还可以从万小智案例库和公开网站中找到复刻/参考案例，让它先复刻再微调。

这种方式优点是直观。缺点是消耗积分更多、要多轮修改效率较低、需求分散在对话中无统一文档留存。

1、把需求发给万小智

1）输入提示词和文档

在【创造】页面，选择【网站应用/小程序应用】，输入你的需求，然后点击【发送按钮】。系统会自动帮你创建一个应用，同时进行需求分析。

文档需要先上传到共享素材库。上传后即可选用。

应用专属文件夹，需要发起对话后才会自动创建，所以这里传到共享文件夹。具体的素材管理操作见后续章节。

这里现在有个 bug，写的能上传 zip 文件，实际无法上传。我向客服反馈了，不知道什么时候能修复。

2）AI 主动澄清需求

如果需求不清晰，AI 会主动向你澄清需求，按你的业务情况填写即可。

填写完成后，点击【提交按钮】，AI 会根据你的需求编写PRD。你等待 AI 完成即可，速度还是很快的。

2、复刻万小智中优质案例（可选）

万小智中也提供了很多不同行业、不同类型的网站，你可以直接复刻。

注意：这种方式是直接先复制一个一样的网站出来，然后在此基础上修改。

1）在【建站控制台】的【创造】页面中，可查看不同类型的案例。

2）鼠标悬停在你感兴趣的案例卡片上，会显示【预览】按钮，点击即可预览。

3）预览时可以随意操作，和真实上线的网页是一样的。

• 点击右边的【手机图标】可以切换为手机预览模式；
  
• 右边的【版本标签】标识了使用时需要订阅的版本；
  
• 觉得案例适合你的需求，就点【案例复制】按钮。（如果没订阅对应版本会弹订阅窗口，买了对应版本才能用）
  

四、生成网站

1、编写产品需求文档

1）生成需求文档

等待 AI 完成 PRD 编写。完成后可以预览内容。可以重点看【3. 页面结构】章节，这部分用文字形式把最终的页面和功能清单列举了出来。

2）编辑需求文档

如果文档中的内容需要修改，可通过两种方式操作：

• 人工修改：点击【编辑按钮】，进入文档编辑模式进行修改。修改完成后点击【保存按钮】。
  
• AI 修改：直接对对话框中告诉 AI 要修改的部分，让 AI 帮你改。
  

2、开发网站

确认产品需求文档后，点击【立即生成应用按钮】，万小智会开始写代码。等待它执行就可以。

五、测试网站

除了需求澄清阶段，测试阶段也是我不建议过度依赖 AI 的，展示的内容对不对、符不符合你的期望、功能是不是正常运行，必须经过人的把关。

我的体验 AI 在这块表现很差，通过 vibe coding 产品的大概率有所体会。只有你自己或个别同事朋友用，边用变修 bug 影响不大。

但是，如果你的网站是面向商业用户用的，一定要在上线前把常用场景的 bug 修复了。

在测试时，主要关注两个维度（可以同时进行）：

1、测试内容展示正确性

开发完成后系统会提示“网站搭建完成”，这时你可以在右侧预览窗口看到网页。

• 点击【电脑/手机图标】，可以切换不同设备的预览模式。
  
• 点击【页面清单下拉框】，可以看到你的网站所有的页面，也可以点击切换。
  
• 点击【新窗口打开按钮】，可以在新的浏览器页签打开网页，这时是最接近最终用户的体验的。
  

内容展示正确性主要关注：

• 文案、图片、icon、功能模块等元素，是否按你的理想状态展示？
  
• 有没有多余或者缺失的内容？
  
• ……
  

测试时，你自己按照真实用户的使用流程，从头到尾走一遍。

一般测试时先测主流程，也就是用户使用频率最高的场景；然后是次要流程，这些可能部分场景才会触发。

有不符合预期的都记下来，后续让 AI 修复。

2、测试功能运行正确性

功能运行正确性主要关注：

• 各组件的功能是否正常？
  
• 跳转链接对不对？
  
• 要对接数据库的对接上了吗？是不是模拟数据？
  
• 有多余或缺失功能吗？
  
• ……
  

同样的，有不符合预期的都记下来，后续让 AI 修复。

注意，

对于那些涉及后端服务和数据库更新的功能，不能只看页面上的功能能不能点。比如，

• 你的网页有收集客户数据的功能，要看数据有没有落到数据库。
  

• 你的网页有的地方展示的是数据库里的动态数据，要看展示的是模拟数据，还是真的从数据库查的数据。
  

测试属于枯燥重复，但是又非常重要的活。一个功能一直修复不好，那就要反复的测，这是正常的。这一步没有什么诀窍。

行业内一般会先写测试用例，测试的时候照着一个一个执行。你不用写专业的测试用率，但是提前规划一下：

• 测哪些场景
  
• 每个场景的操作流程
  
• 每个场景的输入、输出
  

这样能提高效率。

六、编辑网站

测试发现了问题后，可以继续与万小智交互修复 bug。

注意：每次代码变动后，需要重新测试。

1、让 AI 帮你改

直接在左侧聊天窗口中，告诉 AI 有什么问题，你想要的效果是怎样的。AI 会根据你的要求更新代码。

2、人工调整组件样式

当你想微调某些组件的样式时，可以通过可视化编辑的方式操作。

1）点击【编辑按钮】进入编辑模式。

2）点击可选中网页中的元素/组件。选中后可删除元素、编辑样式等。

3、上传多媒体素材

如果网站中需要用到你指定的多媒体素材，要先通过以下入口上传。

然后选中素材，在对话中引用。

4、开启数据库功能

当你的网站，依赖动态数据时，需要开启数据库服务（如你要把页面收集到的客户预约数据存起来；要求页面展示你配置的产品数据）。

体验版默认不开启数据库服务，需主动触发。

开启成功，你就能在【后台管理-内容管理】中增删改查数据。上线后无需重新发版你也能在这里动态管理数据。

5、修改项目名称和浏览器标签页图标

点击【管理按钮】进入管理后台。

点击【编辑按钮】。在弹窗中修改图标、应用名称、应用介绍。

配置完成后，浏览器页签就会展示你配置的内容。

系统对图标图片的大小有限制，可以使用这个工具调整尺寸。

https://docsmall.com/image-resize

七、发布网站

当全部测试用例通过后，就可以发布上线了。

1、发布应用

1）没购买订阅的需要先订阅，你的页面上按钮会显示【购买并发布】，点击就能完成订阅。

2）订阅过的直接点【发布应用】

3）系统会自动帮你完成各项配置，并发布应用。

2、配置域名

域名就是其他人访问你的网站的链接。

1）体验版不支持独立域名。只能使用万小智平台的三级域名。自定义配置后，点击【添加按钮】就会生效。

2）轻量版、标准版、高级版，支持独立域名。

• 若为阿里云平台域名、且域名属于当前阿里云账号，系统将自动完成解析配置。
  
• 若为其他服务商注册的域名或不属于当前阿里云账号的域名，需要你在相应域名注册商处添加DNS解析记录。详细操作，请参见域名管理。
  
• 选择中国内地部署节点的网站，需要先完成ICP备案才能通过域名正常访问。
  

3、生产验证

到这里，你就可以通过你配置域名，访问你的网站。

上线后，记得在生产环境再验证一遍。

版本迭代后，验证时先清除浏览器缓存，不然功能可能不是最新的。

• 在你的网站页面，按【F12】键或者【鼠标右键→检查】打开控制台。
  
• 鼠标右键点击网页刷新按钮，在下拉列表中点击【清空缓存并硬性加载】。
  

八、应用管理

应用上线后，如果需要迭代功能、修改域名等操作，可以在应用管理中操作。

1、应用管理

你可以在【应用】菜单下，找到你创建的所有应用。

点击【进入应用按钮】，可以进入设置页面，继续完成建站或者迭代网站功能。

2、更新版本

网站功能改版后，需要重新发版。

点击【发布应用按钮】，在弹出的窗口中，点击【更新版本按钮】即可。

3、版本回滚

如果需要回滚到历史版本。在【后台管理-发布历史】中找到需要回滚的历史版本，点击对应的【切换版本】按钮，完成回滚。

其他：管理多媒体素材

1、管理素材文件夹

1）进入【创意-素材管理】页面。

2）点击文件夹下拉框。这里的【共享素材】文件夹是默认创建好的，顾名思义是多应用公用的；其他的一级文件夹都是创建应用后自动创建的，无法手动创建。

3）点击【管理按钮】，显示【创建/编辑/删除】子文件夹弹窗。

4）当你的素材比较多时，通过不同子文件夹管理，更加方便使用和维护。

2、上传素材

1）先选择素材放哪个文件夹里。

2）点击【批量上传按钮】，然后选择需要的素材上传。

3、管理素材

1）鼠标悬停在已经上传的素材上，点击对应的按钮可完成对应操作，依次是【预览】【移动到其他文件夹】【下载】【删除】【编辑文件名称】。（这个 AI 编辑功能有 bug，现在不能用）

2）如果需要批量删除和移动文件夹，参考下图操作。

4、图片加工

这里也有一些简单的 AI 生图/修图功能，需要的可以自己试试。