如何在 AI 小助手对话中显示原文预览
写在前面
本文使用的开源工具平台包含以下内容:
- AI 助手平台:MaxKB
- 运维管理面板:1Panel Linux运维管理面板
一、整理原文链接
如果现有的文档已经有能够下载的链接或者预览链接,可以跳过此章节的前两步,只需要上传文档下载链接对应表即可!
为了能够展示文件的预览,我们需要提前准备一个文件服务器,最好支持文件预览,或者支持文件下载。本文采用是通过1Panel部署的Kodbox。
部署完成后,将我们已经上传到MaxKB知识库的文档的原文上传至Kodbox,并开启共享链接。
最后我们在 MaxKB 知识库中创建一个文档(或者上传),主要记录的就是原文档的名称和共享链接。
此文档采用一个分段,同时为此文档创建一个问题,问题名称为“文档下载链接”
至此文档下载链接整理完成。
二、在 MaxKB 应用编排流程中添加文档下载节点
按照下图在现有的AI回答节点之后添加以下三个节点。
- 第一个为指定回复节点,输入“文档下载链接”,不返回内容。
- 第二个节点为数据库检索节点,问题为上一节点的返回。向量检索相似度设置为0.9以上,top k设置为1,目前就是为100%检索出第一章节设置的文档链接信息
- 第三个节点为AI回答节点,重点为提示词:
角色定义:
你是一个信息提取助手,擅长从给定文章中精准提取文档名称,并为每个文档找到对应的下载链接,并以文件名称点击预览超链接的方式给用户。
提示词如下:(其中重点的为已知文章内容,一定要设置为paragraph_list,因为只有paragraph_list的内容中才会包含document_name 的文档名称)
# 文档预览列表信息:
{{检索文档下载链接.data}}
# 已知的文章内容
{{知识库检索.paragraph_list}}
# 技能 1:信息查找
- 仔细阅读已知的文章内容,从文章中找出字段为 document_name 的文档名称。
- 从文档预览列表信息中找到 document_name 文档对应的预览链接。
## 技能 2: 生成表格
1. 根据查找到的文档名称和下载链接,创建一个表格。
2. 表格的第一列是“原文参考”,第二列是“原文预览”。
3. 如果文档名有重复的,显示一个即可,无需显示多次。
4. 以清晰易读的格式展示表格。
===回复示例===
| 参考文档 | 文档预览 |
| ---- | ---- |
| <文档名 1> | <链接 1> |
| <文档名 2> | <链接 2> |
===示例结束===
# 回答:
- 回答开始之前,请输出“## 参考文档如下”
- 只回答与从文章中提取文档名称和下载链接相关的内容,拒绝回答无关话题。
- 输出内容必须以规定的 Markdown 表格格式呈现,不能偏离框架要求。
三、最后的效果如下
最AI回答问题后,会补充一条信息,会将此次参考的分段所在文档的预览链接以列表的形式返回,并且点击预览链接可以直接预览原文。
如何在 AI 小助手对话中显示原文预览的更多相关文章
- 怎么在MindManager中查看打印预览
在MindManager2016思维导图中打印导图之前,可以先进行预览,MindManager和其他很多应用程序一样都带有打印预览功能,该功能提供了再次检查的机会,避免打印出错,MindManager ...
- 微信小程序点击图片放大预览
微信小程序点击图片放大预览使用到 wx.previewImage 接口,可以放大.上/下一张 上代码 wxml代码 <view class='content-img' wx:if="{ ...
- Xamarin XAML语言教程Visual Studio中实现XAML预览
Xamarin XAML语言教程Visual Studio中实现XAML预览 每次通过编译运行的方式查看XAML文件效果,需要花费大量的时间.如果开发者使用XAML对UI进行布局和设计,可以通过预览的 ...
- 在sublime text 3中设置浏览器预览快捷键
1.安装 SideBarEnhancements ctrl+shift+p,进入命令模式,然后输入package control(或者直接输 pci 或许也行),回车: 输入:SideBarEnhan ...
- Android Studio xml文件中的布局预览视图
操作系统:Windows 10 x64 IDE:Android Studio 3.3.1 更新了Android Studio之后,xml文件中的布局预览视图变得如此简洁! 原因是没有勾选Show La ...
- js兼容火狐显示上传图片预览效果
js兼容火狐显示上传图片预览效果[谷歌也适用] <!doctype html> <html> <head> <meta content="text/ ...
- 微信小程序--背景图片手机无法预览
目前小程序好像没有支持手机预览背景本地图片,所以将本地图片改为网络图片链接就可以了 background: url("https://..../img/no.png") no-re ...
- layui 表格中实现照片预览,点击查看原图
人员表格中实现照片预览,并且可点击放大.查看原图 <table id="dutyInfoTable" class="layui-hide">< ...
- win7中资源管理器不能显示图片预览的解决方法
在用xp的时候,在资源管理器里面预览图片文件是在普通不过的事情了.换到win7之后,图片文件一直不能预览,只是显示图标还挺烦的.肯定是哪里设置的不对,下午闲来无事,找到是哪里的问题了. 如果你也遇到相 ...
- (干货)微信小程序之上传图片和图片预览
这几天一直负责做微信小程序这一块,也可以说是边做边学习吧,把自己做的微信小程序的一些功能分享出来,与大家探讨一下,相互学习相互进步. 先看下效果图 只写了一下效果样式的话希望大家不要太在意,下面马路杀 ...
随机推荐
- docker容器内部添加字体
1.首先在windows电脑内找到字体拷贝到linux服务器,路径 C:\Windows\Fonts,linux的路径 /usr/share/fonts 2.复制到docker容器内部 docker ...
- autohue.js:让你的图片和背景融为一体,绝了!
需求 先来看这样一个场景,拿一个网站举例 这里有一个常见的网站 banner 图容器,大小为为 1910*560 ,看起来背景图完美的充满了宽度,但是图片原始大小时,却是: 它的宽度只有 1440 , ...
- C#语法糖foreach语句和using语句联合使用
foreach语句可以和using语句联合使用,比如你需要对多个相机设备进行一些设置,设置完就调用 Dispose() 释放相机资源, 这时可以这样写: 模拟的设备类: class Device : ...
- idea中启动web、jsp项目
1. idea打开项目 选择要打开的项目的根目录 2. 项目配置 配置jdk modules配置 添加web 添加依赖 删除爆红的依赖 添加依赖目录或者jar 配置web.xml 配置lib 如果没有 ...
- 【ABAQUS 二次开发笔记】使用keyword 、python和matlab一起处理Odb数据
用conversion shell element (S4R单元)建模层合板,有6层ply,每个lamina(ply)有3个 integration point,共计18个integration po ...
- 解决kali虚拟机无法联网问题
解决kali虚拟机无法联网问题 1.排查虚拟机网络连接-检查ipv4设置,确定好手动连接还是DHCP 如图一 2.排查虚拟网络编辑器-网卡配置,确定虚拟机直连外部网络是否为同一网口 如图二 3.排查虚 ...
- KTransformer实战DeepSeek-R1-1.58bit量化模型
技术背景 在上一篇文章中,我们介绍过KTransformers大模型高性能加载工具的安装和使用方法.但是当时因为是在一个比较老旧的硬件上面进行测试,其实并没有真正的运行起来.现在补一个在KTransf ...
- FastAPI复杂查询终极指南:告别if-else的现代化过滤架构
title: FastAPI复杂查询终极指南:告别if-else的现代化过滤架构 date: 2025/3/14 updated: 2025/3/14 author: cmdragon excerpt ...
- RealSense .bag文件彩色图,深度图提取
RealSense .bag文件彩色图,深度图提取 代码 import roslib import rosbag import rospy import cv2 import os from sens ...
- Pydantic字段元数据指南:从基础到企业级文档增强
title: Pydantic字段元数据指南:从基础到企业级文档增强 date: 2025/3/28 updated: 2025/3/28 author: cmdragon excerpt: 通过Py ...