Skip to main content

🤖 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: 功能开关(检索范围、来源、元数据等)

现在就试试吧!

点击右下角的聊天按钮,开始与文档助手对话 👉

Hi! 有什么可以帮你的吗?