🤖 RAG 聊天助手
基于检索增强生成(RAG)技术的智能文档助手
✨ 功能特性
💬
多轮对话
支持连续对话,自动维护上下文,让交流更自然
🔍
智能检索
从文档库中精准检索相关内容,提供准确答案
📚
来源追溯
显示答案的参考来源,让信息可追溯、可验证
🎨
主题适配
自动适配浅色和深色主题,提供舒适的视觉体验
🔧
灵活过滤
支持按文件路径和扩展名过滤,精准定位信息
📱
响应式设计
完美适配手机、平板和桌面设备
🚀 快速开始
1
点击浮动按钮
在页面右下角找到聊天图标按钮
2
开始对话
输入你的问题,助手会从博客文档库中检索相关内容并流式回答
检索与生成由 Cloudflare AI Search 托管 接口: POST /api/chat (同源)
💡 使用技巧
多轮对话:你可以连续提问,助手会记住之前的对话内容。例如先问"什么是 chunk size?", 再问"它的默认值是多少?",助手能理解"它"指的是 chunk size。
切换检索范围:点击头部的过滤器图标,可以把检索范围限定在「文档」或「博客」内。
查看来源:每个回答下方都会显示参考来源,包括文件名、章节和相关片段, 帮助你验证信息的准确性。
清空对话:点击头部的垃圾桶图标可以清空当前对话,开始新的会话。
🎯 示例对话
问:讲一下桂林之行
答:根据提供的资料,这次桂林之行发生在十一国庆节前几天,作者从南京出发, 出发当天恰逢中秋节...
参考来源:documents/example.md
问:天气怎么样?
答:根据前面的描述,出发那天台风刚过南京,还下着雨。 到阳朔游览漓江时,天气不错。
(多 轮对话示例 - 理解上下文)
⚙️ 配置说明
可以在 src/config/chatConfig.js 中自定义配置:
- apiEndpoint: RAG 服务的 API 地址(默认同源 /api/chat)
- ui.position: 浮动按钮的位置
- ui.chatWindow: 聊天窗口的大小
- features: 功能开关(检索范围、来源、元数据等)
现在就试试吧!
点击右下角的聊天按钮,开始与文档助手对话 👉