Artalk评论系统自定义表情包

Artalk 是一款轻量、简洁的评论系统, 默认提供的表情包内容太少, 通过自定义表情包让评论区互动体验提高.

官方提供的表情包预设是https://raw.githubusercontent.com/ArtalkJS/Emoticons/master/grps/default.json
仓库为: ArtalkJS/Emoticons
在设置->界面配置->表情包中可以自定义表情包列表的 Url

效果预览

格式说明

这是一个最简单的表情包列表配置文件

[
  {
    "name": "颜表情",
    "type": "emoticon",
    "items": [
      { "key": "Hi", "val": "|´・ω・)ノ" },
      { "key": "开心", "val": "ヾ(≧∇≦*)ゝ" }
    ]
  },
  {
    "name": "Emoji",
    "type": "emoji",
    "items": [
      { "key": "", "val": "😀" },
      { "key": "", "val": "😃" }
    ]
  },
  "https://cdn.jsdelivr.net/gh/qwqcode/huaji/huaji.json"
]

结构是这样的

[
  { ... },    // 表情组1
  { ... },    // 表情组2
  "https://..."  // 引用远程json文件作为表情包组3
]

每一个表情组的结构如下

{
  "name": "",
  "type": "",
  "items": [{ "key": "", "val": "" }]
}

name
- string类型定义表情包组的命名
type
- string类型定义表情组的表情类型
- 三种表情类型
  - emoticon(颜文字)
  - emoji
  - image(图片)
items
- array类型表情列表，每个是一对键值
  - key和val均为string类型
  - key是一个唯一值用于插入表情包时的占位,在type为emoji`时可以为空
  - val是表情的实际内容
    - 当type值为emoticon(颜文字) emoji时直接用颜文字和 emoj 内容
    - 当type值为image时使用图片的直链

了解完配置文件后就可以开始修改自定义表情了

开始教程

Frok 仓库
Frok 官方仓库ArtalkJS/Emoticons.
按上方的格式说明直接修改 /grps/default.json 文件
在 Artalk 中修改表情包 Url

我的表情包列表(Yeqingky/Emoticons) 欢迎使用

1
2
3

https://cdn.jsdmirror.com/gh/Yeqingky/Emoticons/default.json
or
https://blog.yeqing.net/assets/emoticons/default.json