给评论区加上表情包~

偶然看到其他博客配置了丰富的表情包,于是自己也折腾了下~

默认表情包

Twikoo 默认只支持这三种表情包:

打开配置,可以看到“表情CDN”的配置,默认是 https://owo.imaegoo.com/owo.json:

打开这个 JSON 文件,可以看到内容是每个表情包的图片地址,以及文本(共有 3 组):

自定义表情包

我们可以自定义表情包,所有表情配置为一个 JSON 文件,分好组即可。

首先,我们可以自己做一组表情包,但这很费时费力。

为此,我们可以引用其他人做好的表情包,例如:github.com/2X-ercha/Twikoo-Magic,这个项目有很多种表情包,并且提供了对应的 JSON 文件。

PS:在该项目的 image 文件夹,可以看到所有图片。网络不好的同学可以下载该项目后逐个观看。

我们可以选择需要的表情包,下载对应的 JSON 文件,然后整合为一个,上传到自己的 CDN 上,再去 Twikoo 配置表情 CDN 即可。本博客评论区效果:

点击表情后,先会在评论区里显示该表情的文本,等发表后才会变成图片:

image

注意:

  • 配置完后建议检查下 JSON 的格式是否正确
  • 可以适当压缩 JSON 文件,减小文件大小,加快访问速度
  • 推荐网站:在线 JSON 格式化验证工具,可以检查和压缩 JSON

如果你还不知道什么是 JSON,可以看看我的这篇博客:JSON

其他

默认情况下,这个地方显示的是每套表情包的文字:

如果想将其改为图片?也是可以的。先看看原版:

"Sticker": {
        "type": "image",
        "container": [
....

然后修改为:

"<img src=\"https://expression.qjqq.cn/1/650c3f7635526.webp\" style=\"width: 30px;top: 4px;position: relative;\" title=\"bochi\">": {
    "type": "image",
    "container": [
.....

效果:底部的文本变成了图片

搞定,收工!

想抄作业?

可以直接保存我的 JSON 文件:https://www.peterjxl.com/peterjxl.com-Twikoo-Sticker.json,放到自己的 CDN 上即可~

参考

相关推荐

  1. CSS简单表格加上细边框

    2024-07-13 02:44:03       27 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-13 02:44:03       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-13 02:44:03       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-13 02:44:03       57 阅读
  4. Python语言-面向对象

    2024-07-13 02:44:03       68 阅读

热门阅读

  1. 如何在工作中"开悟"?

    2024-07-13 02:44:03       25 阅读
  2. 53.处理cpu的异常

    2024-07-13 02:44:03       22 阅读
  3. 如何在Linux系统下安装Anaconda

    2024-07-13 02:44:03       21 阅读
  4. LeetCode 1351, 1, 208

    2024-07-13 02:44:03       22 阅读
  5. 【C++精华铺】13.STL stack 和 STL queue 模拟实现

    2024-07-13 02:44:03       20 阅读
  6. MySQL8之mysql-community-server的作用

    2024-07-13 02:44:03       18 阅读