Artalk评论系统自定义表情包

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时 使用图片的直链

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

开始教程#

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

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