大家好，欢迎来到 #小民AI实战笔记
我是小民，只写我跑通过的AI实操
今天分享一个非常实用的场景：
怎么给网站加一个AI客服，让访客直接跟你的网站对话。
全程不用自己写代码，5-10分钟就能搞定。
先看效果
做完这套，你就多了一个能直接用的AI编程思路
一、准备什么
- 一个IDE（我用的是IDEA + Qoder）
- 一个Dify账号（推荐用云端版，免费且不用折腾）
- 一个测试网站
想本地部署Dify看这篇：xxx
不用懂代码，全靠AI写
二、动手实操（三步搞定）
第1步：5分钟搭个测试网站
先整个网站出来，用来放客服组件。
IDEA + Qoder，几分钟搞定👇
跑起来长这样，够用了
偷懒小技巧： 不想自己搭测试网站？文末扫码进群，直接领完整源码
第2步：创建一个Dify智能体
我之前跑通过一个示例【放文章链接】，可以直接用。
没有的话，就现做一个，也很快。
做好之后，点发布，拿到嵌入代码
点「嵌入网站」
代码长这样
<iframe
src="http://192.168.1.4/chatbot/4iklVK8l9DBHSxxr"
style="width: 100%; height: 100%; min-height: 700px"
frameborder="0"
allow="microphone">
</iframe>
⚠️注意： 上面这个192.168.1.4是内网地址，想让外网也能访问，用Dify云端版
第3步：把客服塞进网站
这一步更简单，直接让AI干。
打开IDE，把上面那段代码和这句话“帮我将智能客服集成到网站中”一起丢给AI
<iframe
src="http://192.168.1.4/chatbot/4iklVK8l9DBHSxxr"
style="width: 100%; height: 100%; min-height: 700px"
frameborder="0"
allow="microphone">
</iframe>
帮我将智能客服集成到网站中
等一两分钟，AI帮你加好。
运行网站，可以跟AI聊天了👇
常见问题
1. 嵌入代码不显示？
把报错信息直接复制给AI，问它“怎么修”，它会告诉你怎么改
2. 不想用自己的服务器？
用Dify云端版 + GitHub Pages，完全免费，公网可访问
3. AI回答不准确？
去Dify里改知识库或提示词，改完实时生效，不用重新部署
写在最后
这套东西做下来，你会发现一件事：不懂代码，真的也能做AI应用。
你只需要：
- 知道自己要什么（一个智能客服）
- 会用工具（Dify + IDE）
- 会跟AI说清楚需求
就这么简单。
📢 关于我
以上是本次分享的全部内容。
如果你对我的实操笔记感兴趣，或想交流AI工具的使用经验：
👉 「个人主页」有我的联系方式，欢迎来聊
感谢阅读，下期见~
