Handsome主题添加Sticker-Heo表情包

本文最早发布于我的个人博客,
https://szraz.cn/214.html

Sticker-Heo表情包

Sticker-Heo表情包是张洪Heo创作的通用基础表情

表情预览:


充满了滑稽的形象~

更多可参考此文章:https://blog.zhheo.com/p/2daa6a7b.html

Handsome主题使用指南

做好相关的备份操作后,

前往我的Github地址下载所需要的文件(Heo目录和OwO.json文件),如果Github抽风,

可点此直接下载压缩包:下载

Heo文件夹放于handsome主题usr/img/emotion/目录下

接着,(如果你的Handsome未进行过表情方面的魔改,即你usr/目录下的Owo.json文件是默认的)

把下载来的OwO.json文件替换掉原来的,

这时候,访问你的网站,发现评论区多出一个Heo的表情栏,但发送评论后,是按照其原始尺寸的(100*100),这样就显得,
有点大

在Handsome主题后台设置,开发者设置——自定义css

输入以下(将表情裁剪直55*55,使之适合,亦可根据需要自行修改代码)

/*Heo表情自定义大小*/
.emotion-Heo {
    width: 55px;
}
.comment-content-true img.emotion-funny {
    max-width: 100%!important;
}

成果演示


喜欢的话可以点个star~:https://github.com/Szraz/Handsome-Heo

你可能感兴趣的:(模板方法模式)