准备工作：你需要什么

在开始之前，请确保你有：

• 一个 GitHub 账号（用于存放代码和部署网站）
• 浏览器（推荐 Chrome 或 Edge）
• 一颗想尝试的心，无需任何编程经验

第一步：用 Bolt.new 快速生成聊天机器人

Bolt.new 是一个在线 AI 编程工具，你只需用自然语言描述需求，它就能自动生成代码。就像跟它说“帮我做一个聊天机器人”，它就会帮你写好大部分代码。

1. 打开浏览器，访问 bolt.new 网站。
2. 在输入框中用中文或英文描述你的需求，例如：“创建一个简单的聊天机器人，用户输入文字，机器人回复固定内容”。
3. 点击生成，等待约 20 分钟，Bolt 会在它的在线沙箱中生成并运行你的聊天机器人。

第二步：将代码部署到 GitHub Pages

GitHub Pages 是 GitHub 提供的免费网站托管服务，可以把你的静态网页公开访问。部署时要注意路径问题，否则网页可能白屏。

1. 在 Bolt.new 中点击“导出”或“下载代码”，得到一个 ZIP 文件。
2. 登录 GitHub，创建一个新的仓库（Repository），名字随意，比如 my-chatbot。
3. 将下载的 ZIP 解压后的所有文件上传到这个仓库。
4. 在仓库的“Settings”页面，找到“Pages”选项，在“Branch”下拉框中选择 main 或 master，然后点击“Save”。
5. 等待几分钟，GitHub 会给你一个网址（例如 你的用户名.github.io/my-chatbot），你的聊天机器人就上线了！

常见坑提醒： 如果你的网页打开后是空白，多半是路径问题。检查代码中引用的图片、CSS 或 JSON 文件路径，确保它们是相对路径（例如 ./data.json 而不是 /data.json）。

第三步：验证是否成功

打开 GitHub Pages 给你的网址，你应该能看到一个简单的聊天界面。输入文字，如果机器人有回复，说明一切正常。

下一步可以做什么

现在你已经跑通了第一个 AI 项目！接下来你可以：

• 修改聊天机器人的回复内容，让它更智能
• 尝试用 Supabase（一个在线数据库）保存聊天记录
• 探索其他 AI 工具，比如用 ChatGPT API 让机器人真的会思考