使用动态 Emoji😘

昨夜忙完工作临了准备关电脑时看了一条留言，并做了一些回访，在回访的过程中发现了 为博客启用动态表情 一文。

为博客启用动态表情 | Fluent Emoji 3D

表情包这东西挺难挑还，各式各样的我最近翻了个遍，只能说 Microsoft 推的 Fluent Emoji 最合我意，动态 3D，简约和谐。但它一个表情几个变体，总量直逼 2000+，我个小博客用属实牛鼎烹鸡，高攀了昂。只得挑些常用的整理汇总，现已适配 Twikoo、Artalk、Waline、Valine 介绍 引用站外链接

放养平凡 btwoa

主体内容就是使用微软的 Fluent Emoji 动态表情作为评论系统的表情包，遂花了一点时间根据文章介绍弄好，发现效果相当不错，大家可以留言的时候体验一下。

（微软做的这些小东西其实都还挺不错的，就是太容易弃坑）

上传 Emoji 包

btwoa 对 emoji 做了中文 alt 整理，并提供了 Gif 的下载链接，我们只需要将下载下来的文件解压缩后上传到自己的 S3、七牛、又拍等云盘上面即可。

我们可以在桶根目录里新建一个文件夹，如 /fluent-emoji ，并将所有表情传到这个文件夹下，如果你的云储存有图片处理函数就更好了，可以通过处理函数控制一下图片大小，比如我这边将宽高都设置在了 20px ，可以显著提高加载速度。

配置 Artalk

这种方式支持主流的好几种评论工具如：Twikoo、Artalk、Waline 等，我们只需要根据官方的要求编写一个符合要求的 json 文件上传到网站中即可。

我这边使用的是 Artalk 作为本站的评论系统，

这里做个示例，完整内容可以看 https://1900.live/assets/emoji.json 文件：

{
    "name": "fluent-emoji",
    "type": "image",
    "items": [
        {
            "key": "嘿嘿",
            "val": "https://your storage path/fluent emoji 3d/%E5%98%BF%E5%98%BF.gif"
        },
        {
            "key": "哈哈",
            "val": "https://your storage path/fluent emoji 3d/%E5%93%88%E5%93%88.gif"
        }
        // 其他表情设置
    ]
}

上传完毕后在 Artalk 的设置页面中填入我们的 json 文件的地址即可。