给handsome主题添加别的表情包

三百斤的窜天猴

2022 年 06 月 25 日

426 次浏览

暂无评论

1697字数

handsome美化

只需要修改主题目录下面的`usr/OwO.json`文件

### [修改表情](https://auth.ihewro.com/user/docs#/advanced/emotion?id=%e4%bf%ae%e6%94%b9%e8%a1%a8%e6%83%85)

主题内置三个栏目`颜文字`和`阿鲁`和`推特`

直接在原有的代码上面做一些修改即可，比如图片替换，文字替换等。（具体代码含义见下面 ）

### [增加新的表情栏目](https://auth.ihewro.com/user/docs#/advanced/emotion?id=%e5%a2%9e%e5%8a%a0%e6%96%b0%e7%9a%84%e8%a1%a8%e6%83%85%e6%a0%8f%e7%9b%ae)

```
"新的表情栏目名称": {
    "name": "表情包文件夹名称",//只有图片表情类型才需要加这一项
    "type": "emoticon/emoji/image",
    "container": [
        {
            "icon": "OωO",
            "text": "Author: DIYgod"
        },
        {
            "icon": "OωO",
            "text": "Author: DIYgod"
        },
    ]
}
```

**评论表情图片存储在主题目录下的`assets/img/emotion`**

表情名称`name`：

* 该项只有当表情类型为图片表情时候才需要添加
* **name的值对应了emotion文件夹下的表情包文件夹名称。如值为`aru`，文件夹名称对应为`aru`。**
* 建议填写英文

表情类别`type`有三种:

* emoticon: 颜文字
* emoji: emoji表情（比如😊😜😒这些图标，typecho的数据库类型默认不支持emoji编码）
* image: 图片表情，只支持.png 后缀的图片

`container`下存储的是表情的具体内容：

* `icon`：表示的表情具体内容：
  * `颜文字`就填具体的颜文字
  * `emoji表情`就填具体的emoji图标
  * `图片表情`填写对应图片的文件名，如`angry.png`，填`angry`
* `text`:指的是鼠标悬停在表情上面显示的提示文字，一般为中文提示

按照以上的方式就可以自建自己喜欢的表情包

![1656143559826](https://esx.cool/application/hide.php?key=Q1M5WHV0Q1d0MXpkSEZxc1p2b01zRGk2b2FCU1owUi9EVFl5dGZiZUVIOD0=)

也可以直接使用博主的文件分别替换`usr/OwO.json`文件和`assets/img/emotion`目录下的表情包文件就可以，

<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

就可以和博主拥有一样的表情包

![](https://esx.cool/i/2022/06/25/p9rzrm-0.webp)
![](https://esx.cool/i/2022/06/25/p9rxgj-0.webp)

但是要注意一点，

`图片表情`填写对应图片的文件名，如`angry.png`，填`angry`

这里填写的文件名是不包含后缀的，否则因为文件名不对就会导致handsome加了一组表情但是加载不出来，如下图所示

最后修改：2022 年 06 月 25 日

如果觉得我的文章对你有用，请随意赞赏

给handsome主题添加别的表情包

给handsome主题添加别的表情包

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Typecho-handsome主题如何增加侧边导航栏

typecho/handsome评论邮件通知提醒设置

搜索框搜索提示有内容，但是最终搜索页面没有显示结果？

CentOS/Debian/Ubuntu 一键网络DD重装脚本（纯净版）让你的服务器纵享丝滑

爱阅书香

爱阅书香

申请加入new bing之chatGPT

typecho 如何支持emoji

typecho/handsome评论邮件通知提醒设置

Windows 10/11 设置 IPv4/IPv6 访问优先级

给handsome主题添加别的表情包

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

给handsome主题添加别的表情包

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款