当前位置: 首页 > article >正文

FastGPT自定义插件的icon

最近研究FastGPT的自定义插件,经过好几天的折磨,终于实现了一个简单的发送邮件功能,但是呢在使用的时候发现插件的icon是默认的fastgpt的logo,那肯定得自定义一个啊。直接说方法:
1、自定义插件下面的template.json文件,修改avatar值。

  "name": "发送邮件",
  "avatar": "core/workflow/template/toEmail",

这里我是从其他插件复制过来修改了最后一部分。这是原来的路径:在这里插入图片描述
2、这个肯定只是一个映射,不是图片,找到映射的文件:
FastGPT\packages\web\components\common\Icon\constants.ts
通过查询已有的插件来看看是怎么实现的。
复制一下getTime的改一下就可以了
在这里插入图片描述
3、接下来就是准备文件了,我这里也是用的svg,没有尝试其他png、jpg等图片,不过应该也是没问题的。
我这里是在阿里云矢量库找到的。
直接搜索,找到你想要的icon,点击下载就可以复制svg或者下载icon图片了
在这里插入图片描述
来看看效果:
在这里插入图片描述


http://www.kler.cn/a/301127.html

相关文章:

  • 学习electron
  • 如何将几个音频合成一个音频?非常简单的几种合成方法
  • Java 核心技术卷 I 学习记录九
  • 字节青训-判断数组是否单调、判断回旋镖的存在、字符串解码问题、小F的矩阵值调整、数字字符串中圆圈的数量计算 、小Q的非素数和排列问题
  • 用邻接矩阵实现图的深度优先遍历
  • 机器学习day5-随机森林和线性代数1最小二乘法
  • Ubuntu系统Docker部署数据库管理工具DbGate并实现远程查询数据
  • Hash算法与Hash冲突
  • JS_分支结构
  • JavaWeb - Mybatis-Plus - 条件构造器
  • 【机器学习】高斯过程的基本概念和应用领域以及在python中的实例
  • vue原理分析(十)研究new Vue()中的initEvents
  • AuthenticationProvider在spring security的作用和触发点
  • 点亮第一盏LED灯 3), LED灯GPIO引脚设置
  • 浅析 MyBatis 中的连接池和缓存
  • Redis 持久化机制详解
  • OpenCV结构分析与形状描述符(12)椭圆拟合函数fitEllipseAMS()的使用
  • 六种远程控制电脑的方法,第二种方法再适合企业不过了
  • 【python计算机视觉编程——7.图像搜索】
  • 苹果宣布iOS 18正式版9月17日推送:支持27款iPhone升级
  • git为不同的项目设置不同的提交作者
  • 严重干扰的验证码识别系统源码分享
  • spark.sql
  • FaskAPI Web学习
  • 动态规划算法之斐波那契数列详细解读(附带Java代码解读)
  • 陈坤2024行走的力量 走向山野感受距离自然更近的地方