给twikoo添加自定义表情包

平常我们在访问大佬的网站时经常可以看到大佬们评论区的表情包是丰富多彩的，但自己不会添加，这个教程来教会你怎么添加自定义的表情包

添加自定义表情包

我们来到博客的源码下，创建一个/source/json/twikoo.json文件，文件的后缀名为json，如果没有json这个文件夹就自己创建一个，当然也可以直接在source中直接创建twikoo.json，但并不建议这么做，因为到时候文件多了容易找不到文件。
创建文件后可以到网上寻找大佬写好的表情包代码也可以自己进行编写，在这里我推荐一个表情包仓库Twikoo-Magic,这个表情包仓库是由贰猹大佬制作收集的，使用体验也是十分不错的,食用方法是找到自己喜欢的表情包后点击进入会到一个GitHub界面，在里面找到后缀为json的文件双击打开，就可以看到代码直接复制粘贴到本地的twikoo.json就好了
如果要添加多种表情包就需要注意，在添加时在倒数第二个大括号}后填加一个英文的,后加的表情包不要复制到了开头和尾部的大括号

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
{
    "2233娘":{
      "type":"image",
      "container":[
        {
          "text":"bilibili2233-1",
          "icon":"<img src='https://cdn.jsdelivr.net/gh/2x-ercha/twikoo-magic@master/image/bilibili2233/1.png'>"
        },
        {
          "text":"bilibili2233-2",
          "icon":"<img src='https://cdn.jsdelivr.net/gh/2x-ercha/twikoo-magic@master/image/bilibili2233/10.png'>"
        }
      ]  
    },  #在此处添加一个英文逗号
        "崩3":{
          "type":"image",
          "container":[
            {
              "text":"HONKAI3-Daily-1",
              "icon":"<img src='https://cdn.jsdelivr.net/gh/2x-ercha/twikoo-magic@master/image/HONKAI3-Daily/1.gif'>"
            },
            {
              "text":"HONKAI3-Daily-2",
              "icon":"<img src='https://cdn.jsdelivr.net/gh/2x-ercha/twikoo-magic@master/image/HONKAI3-Daily/10.gif'>"
           }
       ]
    }
}  #注意整个代码尾部大括号是否与开头对应

如果要添加自己制作的表情包可以以以上格式来进行填写

标签 含义
type 指表情包的类别
text 表情包的名字
icon 表情包的图标(一般由img标签引入)

在配置完json后我们将代码推送上去，如果文件实在json下创建的那么它的地址为 

1
你的网站地址/json/twikoo.json

如果是直接在source中创建的话就是

1
你的网站地址/twikoo.json

打开twikoo评论的前端管理界面，在配置管理中的插件找到EMOTION_CDN这个配置在里面添加上由制作好的表情包链接就好了
添加表情包地址位置.png
在添加表情包后刷新网页就能看到了，如果在添加完表情包后点表情包没有反应的话，可以先前网上，你的网站地址/json/twikoo.json(另一个如上)中看有没有代码，如果有的话就看一下代码的格式是否错误。

以上就是表情包的添加方法了，感谢你的阅读ヾ(≧▽≦*)