自用博客评论表情分享

请注意,本文编写于 519 天前,最后修改于 66 天前,其中某些信息可能已经过时。

前言

最近实在不知道该写些啥了,由于主题的自带表情还是较为缺少,于是我自己添加了一些表情,所以在此分享一下表情添加方法,持续更新中
此教程所提供的替换文件仅用于HandSome主题,如其他主题需自己进行修改

部分表情预览

1.png
1.png

4.png
4.png

5.png
5.png

6.png
6.png

7.png
7.png

9.png
9.png


注意事项

1.尽管表情包我已经全部压缩,但是加起来仍然超过5MB,所以推荐将表情托管至CDN(大带宽土豪忽略2333)
2.当时为了方便添加,大部分表情未进行命名,全部以数字递增,强迫症患者可自行修改(修改好的大佬可以发一份给我,万分感谢!!

1.png
1.png

5.OK 到目前为止已经完成了90%了
6.将如下CSS添加至主题CSS文件或者主题后台设置的自定义CSS处
[scode type="green"].OwO .OwO-body .OwO-bar {height: 77px;}
.comment-content-true img {max-width: 110px!important;}
.OwO .OwO-body .OwO-items-image .OwO-item {max-width: 100px;}[/scode]
7.当你完成了上面一步,那么接下来刷新缓存看看效果吧!

附件点此下载
[button color="success" icon="glyphicon glyphicon-download-alt"]点此下载[/button]

添加新评论

已有 48 条评论

链接失效了...

博主,我的好像出问题了

修改这条CSS .comment-content-true img {max-width: 110px!important;}

谢博主

是不是markdown不支持标签啊

博主,我添加了,评论的时候表情加载不出来

typecho后台-设置-评论 允许img标签即可

卧槽,折腾了我三天,感觉自己好傻逼

还是喜欢小电视喵喵抱走加收藏

要是有呆毛的岂不是

大爱博主,救救我,呜呜呜

Zero Zero 回复 @randolfz
0 0

得改css鸭~

randolfz randolfz 回复 @Zero
0 0

层级太多了,被我改的面目全非,绝望,

我看博主说不知道写什么了,那么,能不能出个教程拯救一下菜鸟,关闭盒子模式下如何设置背景呢,绝望

等着有空拿来玩玩,顺便改一些

好东西,可加个小老虎表情也比较好看

效果好棒,头像还会转

表情挺棒的,但你这种方式有点复杂,还是推荐弄成 *.jpg 的方式,因为你这个...是手动加进去的相对地址。太麻烦了。

但我还是收藏一发为好。这个似曾相识,好像隔壁diygod的

从TG和B站扒下来的表情2333

对呀 OWO是DiyGay的2333,捂脸

添加后点击评论内的表情没有洛天依 苏苏 Gayhub后三项 且测试评论的时候只有文字 不显示表情图片 是什么原因呢?

把文章中提到的那些CSS加入到主题后台设置的自定义CSS中就可以了哦

不显示图片? 只显示链接吗?把Typecho的评论类型里的img填上

我加到自定义css里面不行,所以我选择放在header里面

是我看过最全的了

  1. 1
  2. 2