跳到主要内容
AI教程

使用 Puter AI Builder 构建并发布网站

了解如何在本地安装并运行 Puter AI Builder，使用自然语言指令创建网站和应用，通过聊天与可视化编辑进行优化，并发布完成的项目。本教程还将介绍平台集成服务、版本历史、支持渠道和许可协议。

AI我搜编辑部阅读约 5 分钟
使用 Puter AI Builder 构建并发布网站

AI Builder 徽标

AI Builder 是一款开源工具，可通过自然语言指令创建网站和应用程序，无需编写代码。它将 AI 辅助创建、实时预览、可视化编辑和发布整合到基于浏览器的工作流中。

该项目定位为 Lovable、Replit 和 v0 等工具的开源替代方案。它采用 Apache License 2.0 许可，因此你可以复制项目、进行自定义，并根据需求调整。

AI Builder 的功能

AI Builder 可以将创意转化为可运行的网站或应用程序。你只需描述需求，然后使用构建器查看结果、请求修改，并在项目准备就绪后发布。

该平台使用 Puter.js 提供集成式应用服务，包括身份验证、存储、数据库、AI、网络、实时功能、无服务器函数和托管。README 将这些服务描述为开箱即用的集成服务，无需为项目进行额外设置。

主要功能

  • AI 辅助构建：使用自然语言描述网站或应用程序，无需编码或技术知识。
  • 实时预览：查看项目逐步成形，并在修改过程中进行试用。
  • 基于聊天的编辑：通过对话要求 AI 更新项目的各个部分。
  • 可视化编辑：在预览中选择元素，并准确告诉 AI 需要进行哪些修改。
  • 集成式服务：通过 Puter.js 使用身份验证、存储、数据库、AI、网络、实时功能和无服务器函数等能力。
  • 发布：项目准备分享时，将其发布到公开 URL。
  • 版本历史：重新查看已保存的版本，并在试验过程中恢复到较早状态。

在本地安装 AI Builder

要从源代码仓库运行项目，请确保开发环境中已安装 Git、Node.js 和 npm。然后克隆仓库，进入其目录，安装依赖并启动开发服务器。

git clone https://github.com/HeyPuter/builder
cd builder
npm install
npm run dev

git clone 命令会下载仓库。npm install 会安装项目依赖，npm run dev 会启动本地开发进程。按照开发服务器显示的 URL 操作，即可在浏览器中打开构建器。

试用在线演示

如果你不想先安装项目，可以使用官方的 AI Builder 在线演示。这是探索创建、编辑、预览和发布工作流的最快方式。

构建你的第一个项目

  1. 从创意开始：打开本地应用或在线演示，用自然语言描述你想创建的网站或应用程序。
  2. 查看生成的项目：使用实时预览，查看创意如何转化为可运行的界面。
  3. 在聊天中请求修改：说明需要添加、删除或调整的内容。AI Builder 专为通过对话处理这些更新而设计。
  4. 使用可视化编辑：在预览中选择特定元素，并为该元素提供明确的指令。
  5. 边迭代边测试：每次修改后检查实时预览，以便逐步完善项目。
  6. 需要时恢复早期版本：使用版本历史查看已保存的状态，并在试验过程中恢复之前的版本。
  7. 发布结果：项目准备就绪后，将其发布到公开 URL 并与他人分享。

提示词示例

你可以从简单的描述开始，例如：

为一个小型软件项目创建一个着陆页，包含清晰的标题、简短的功能介绍区域和一个行动号召按钮。

初始结果出现后，继续提供更具体的指令。例如，你可以要求构建器修改某个区域、更改预览中选中的元素，或优化布局。README 没有规定特定的提示词格式，因此请使用自然语言，并根据实时结果不断迭代。

AI Builder 工作流的进阶技巧

进行小步迭代

不要一次请求所有修改，而是利用实时预览来指导一系列重点明确的更新。这样更容易确定哪条指令产生了特定结果，也有助于在项目开发过程中进行评估。

结合聊天和可视化编辑

使用聊天处理更广泛的项目级修改；需要更精确的更新时，再在预览中选择单个元素。这种组合同时提供对话式控制和针对特定元素的操作指引。

在试验过程中使用版本历史

探索不同创意时，保存并重新查看各个版本。如果某次试验使项目偏离正确方向，可以恢复到早期状态，而不必手动重做。

充分利用集成式服务

对于不只是静态界面的项目，可以考虑通过 Puter.js 提供的服务。该平台集成了身份验证、存储、数据库、AI、网络、实时功能和无服务器函数，使你能够在基于 Puter 的环境中处理这些需求。

准备就绪后再发布

使用预览功能，在分享公开网址之前测试更改。项目达到预期效果后，将其发布，以便其他人访问。

支持与社区

如需报告错误或提出功能请求，请在代码仓库中提交问题。你也可以在 X 上关注项目，或访问 Puter 开发者资源。

安全问题和滥用报告可发送至 security@puter.com。如需联系维护者处理一般事务，请发送邮件至 hi@puter.com。

许可证

AI Builder 采用 Apache License 2.0 许可，除非某个组件另有说明。捆绑的第三方库和字体可能使用各自的许可证；详情请参阅代码仓库中的第三方声明。

结语

AI Builder 提供完整的 AI 辅助工作流，可将自然语言创意转化为网站和应用程序。你可以使用 npm 在本地安装，也可以试用在线演示，然后通过 AI 聊天、可视化编辑、实时预览、版本历史记录和发布功能，将最初的构想逐步变成可分享的项目。