使用动态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文件的地址即可。