Greasy Fork is available in English.
可自定义添加/删除表情,点击表情包直接插入到光标位置,带磨砂质感浮动面板与开关 + 插入提示
当前为
一个为论坛社区打造的表情包快速发送工具,带有精美的磨砂玻璃UI设计
首先需要安装用户脚本管理器(二选一):
添加新脚本emoji.js 的全部内容文件 → 保存 或按 Ctrl+S脚本会在以下网站自动激活:
打开面板
发送表情
换一批表情
🔄 换一批 按钮✓ 添加 按钮🗑️ 删除 按钮进入删除模式✓ 完成 退出删除模式脚本顶部提供了一些可自定义的配置:
// GitHub仓库配置
const REPO_BASE_URL = "https://cdn.jsdelivr.net/gh/1143520/doro@main/loop/";
// 图片处理配置
const USE_IMAGE_PROXY = true; // 是否使用图片代理服务
const TARGET_SIZE = "60"; // 目标尺寸(像素)
找到 TARGET_SIZE 配置:
const TARGET_SIZE = "60"; // 改为 "80" 可以显示更大的表情
如果不需要调整图片尺寸:
const USE_IMAGE_PROXY = false; // 改为 false 使用原始图片
获取表情列表
GitHub API → 获取所有GIF文件名 → 存储到 allGifFiles[]
随机选择
allGifFiles[] → 随机打乱 → 选择前20个 → defaultEmojiList[]
显示预览
jsDelivr CDN → 直接显示原图 → 面板预览
发送表情
原图URL → wsrv.nl处理 → 调整尺寸 → 插入Markdown → 自动发送
GitHub API
https://api.github.com/repos/1143520/doro/contents/loop
jsDelivr CDN
https://cdn.jsdelivr.net/gh/1143520/doro@main/loop/{filename}
wsrv.nl 图片处理
https://wsrv.nl/?url={原图URL}&w=60&h=60&fit=contain&n=-1
┌─────────────────────────────┐
│ 🌸 花火表情包面板 ✖ │
├─────────────────────────────┤
│ [表情1] [表情2] [表情3] │
│ [表情4] [表情5] [表情6] │
│ [表情7] [表情8] [表情9] │
│ ... (滚动查看) │
├─────────────────────────────┤
│ [粘贴图片链接...] │
│ [✓ 添加] [🗑️ 删除] [🔄 换一批]│
└─────────────────────────────┘
| 操作 | 说明 |
|---|---|
| 点击悬浮按钮 | 打开/关闭面板 |
| 点击表情 | 发送表情 |
| 点击 ✖ | 关闭面板 |
| 点击 🔄 | 刷新表情列表 |
打开浏览器控制台(F12)可以看到详细的日志信息:
🔄 开始从GitHub获取表情包列表...
✅ 成功加载 1000 个表情包
🔄 点击刷新按钮
📊 当前状态: allGifFiles.length = 1000, isLoading = false
🔄 刷新前: 20 个表情
📦 表情池总数: 1000 个
✅ 刷新后: 20 个表情
🎲 随机表情: ['xxx.gif', 'yyy.gif', 'zzz.gif']
A: 检查网络连接,确保可以访问 GitHub API。如果API失败,脚本会自动使用20个备用表情。
A: 修改 REPO_BASE_URL 和 REPO_API_URL 指向你自己的GitHub仓库。
A: 确保 USE_IMAGE_PROXY = true 并且URL参数中包含 n=-1。
A: 在脚本头部添加 @match 规则:
// @match *://你的网站.com/*
A: 使用 LocalStorage 存储在浏览器本地,键名为 hanabi_custom_emojis。
MIT License - 自由使用和修改
欢迎提交 Issue 和 Pull Request!