首先感谢 @TomyJan 制作的油猴脚本,脚本地址: 油叉
该脚本内置了一些表情包很不错,并且可以通过修改json来达到添加自定义表情包的功能。
本教程主要是详细的教大家如何在这个脚本的基础上添加自己的表情包。
也为了圆自己之前的想法:【论坛功能建议】建议增加自定义表情包功能
先上最终效果图:
电脑端:
手机端(ios):
实现以上效果你需要:
1.一个github账户
2.跟着教程操作
===== 教程正式开始 ====
1.表情包分类
先在桌面新建一个文件夹,比如你表情包结尾都是都是png图片,那么文件夹就可以叫png,然后将所有的png图片表情包放到这个文件夹里,表情包图片的名字最好自己改一下,改成好认的,别弄乱码。
比如我的表情包都是TG直接存出来的webp格式:
还有gif的表情包也一样放到gif文件夹里:
2.创建Github公开库并上传表情包文件夹
登录你的github账户,创建一个公开库,库名无所谓,比如biaoqingbao
将刚才整理好的表情包文件夹上传到github的公开库里。
3.提取图片地址
随便找一个刚才上传的图片。
点击预览
然后复制打开的github表情包图片在浏览器地址栏里的地址。
4.利用jsdelivr的cdn来加载表情包
打开 https://www.jsdelivr.com/github
在github那里粘贴刚才复制的github图片地址会自动转换为jsdelivr的cdn地址。
将CDN地址复制。
然后将cdn地址后的文件名称删除,只保留到前面文件夹的地址,比如:
https://cdn.jsdelivr.net/gh/你的github名称/biaoqingbao@main/webp/
然后打开上面这个网址,你就得到了一个在jsdelivr上的cdn表情包库。
记住这个地址,其他的gif和png、jpg表情包也这样操作。
5.编辑 @TomyJan 的脚本
在脚本开头的 const customEmotionList
里修改添加自己的表情包。
这里以gif表情包为例:
在 最后面的}
前面另起一行,添加以下内容:
"自用gif": {"name": "自用gif", "type": "gif", "items": ["丁真1", "三色图"], "baseUrl": "https://cdn.jsdelivr.net/gh/你的github名/biaoqingbao@main/gif/"}
如图:
这里注意一下,只要不是最后一个表情包,后面一定要加上英文逗号,
,因为新增加的表情包在最后面,所以前面的【花】表情包后面要加一个逗号,否则会报错。
解释一下添加的内容:
其中 "自用gif"
和 "name": "自用gif"
代表的 表情包 名字,你可以修改为你自己的。
"type": "gif",
表示这个表情包里都是gif格式的表情包,注意png文件夹里的表情包一定都是png格式的,即"type": "png",
。
"items": ["丁真1", "三色图"],
代表这个表情包下所有表情的文件名,这就是为什么第一步里要给表情包都命名成好记的,这里要用到。如果你的表情包文件夹里有10张图片,想要这10张图片都显示出来,那么就需要将10张图片的文件名都填到[ ]
里面去,格式都是"丁真1", "三色图"
这样,注意相隔之间用英文逗号隔开,最后一个表情后面不用带逗号。
"baseUrl": "https://cdn.jsdelivr.net/gh/你的github名/biaoqingbao@main/gif/"
代表的是你表情包文件夹在 jsdelivr 的cdn链接。
添加完表情包后保存即可,然后在nodeseek编辑器界面刷新后就可以看到你的表情包了
很好教程, 使我表情包丰富, 深刻的爱来自TomyJan
真流逼,那就支持一下~
支持
@FlyingFish #2
收藏了 谢谢分享
你用的图床,禁止国外访问?开了代理不显示图片
@qoq #6
tg图床啊……
先收藏
@Pepsi #7
又不是直连TG,估计是套了CF,然后禁止国外访问了,不用代理可以显示。。。
@qoq #9
https://im.gurl.eu.org 用的这个, 我这边开代理也显示正常