前言
最近实在不知道该写些啥了,由于主题的自带表情还是较为缺少,于是我自己添加了一些表情,所以在此分享一下表情添加方法,持续更新中
此教程所提供的替换文件仅用于HandSome主题,如其他主题需自己进行修改
预览
注意事项
1.尽管表情包我已经全部压缩,但是加起来仍然超过5MB,所以推荐将表情托管至CDN(大带宽土豪忽略2333)
2.当时为了方便添加,大部分表情未进行命名,全部以数字递增,强迫症患者可自行修改(修改好的大佬可以发一份给我,万分感谢!!
3.由于表情较多,需要修改部分主题CSS文件,下面我会写出来,加入到主题后台自定义CSS设置即可
添加方法
1.下载完文件后你会得到一个Emoticon.7z
文件
2.将压缩包内的 OwO.min.js
owo.css
两个文件替换至主题内的同名文件
3.将 Emoticon
文件夹上传至你的本地服务器或者CDN上
4.打开压缩包内的OwO.json
文件,按照下图提示进行修改即可
5.OK 到目前为止已经完成了90%了
6.将如下CSS添加至主题CSS文件或者主题后台设置的自定义CSS处
.comment-content-true img {max-width: 110px!important;}
.OwO .OwO-body .OwO-items-image .OwO-item {max-width: 100px;}
7.当你完成了上面一步,那么接下来刷新缓存看看效果吧!
下载
版权属于:Zero
本文链接:https://mikuac.com/archives/469/
本站原创文章采用知识共享署名4.0国际许可协议进行许可,禁止商业使用,转载请注明文章来源
死伤过半(ó﹏ò。)
404啦~
404啦~
::(无语) 链接失效了...
留名!
博主,我的好像出问题了
修改这条CSS .comment-content-true img {max-width: 110px!important;}
谢博主
是不是markdown不支持标签啊
博主,我添加了,评论的时候表情加载不出来
typecho后台-设置-评论 允许img标签即可
卧槽,折腾了我三天,感觉自己好傻逼
还是喜欢小电视喵喵抱走加收藏
要是有呆毛的岂不是
ok
大爱博主,救救我,呜呜呜
得改css鸭~
层级太多了,被我改的面目全非,绝望,
我看博主说不知道写什么了,那么,能不能出个教程拯救一下菜鸟,关闭盒子模式下如何设置背景呢,绝望
好可爱
等着有空拿来玩玩,顺便改一些
好东西,可加个小老虎表情也比较好看
效果好棒,头像还会转
表情挺棒的,但你这种方式有点复杂,还是推荐弄成 *.jpg 的方式,因为你这个...是手动加进去的相对地址。太麻烦了。
但我还是收藏一发为好。这个似曾相识,好像隔壁diygod的
对呀 OWO是DiyGay的2333,捂脸
从TG和B站扒下来的表情2333