「typecho实现owo.js自定义表情」的摘要信息
人生的意义就在于不断的折腾，最近依旧在不断的完善和美化博客的框架，充实博客的内容，毕竟一个好的博客是需要不断的维护和更新的。博客的基本模块已经确定了，后续就是一些体验和视觉上的优化了。在评论的时候发现主题没有表情功能，于是打算给评论增加一个表情选择。 博客中有一个微语模块，是附带表情功能的，然后看了一下，发现用的是owo.js实现的自定义表情。所以打算“抽丝剥茧”一下，先提取出单独的html，再对应的引入到评论的地方。最终的展现效果就是如评论区。 提取出来的单html展示效果： 使用须知: 关于owo.js的使用其实很简单，只需要引入对应owo的js和css就行，再加上一个自定义的表情owo.json文件。其中owo.json的表情定义类型分为两种，一种是图片image,一种是文字emoticon。 众所周知，图片加载的速度取决你的带宽大小，同时也影响着你的网页加载。默认的表情图片加载来自于cdn，但是因为lz的服务器来自国外，所以就会导致加载很慢，甚至有时出现加载失败的情况。 所以，这里提供两种建议，一种是减少图片表情，二是如果你对自己的带宽足够自信，可以把图片都引到本地进行请求加载。 源码分享 单owo.html代码如下，这里的静态资源来源博客地址和cdn地址，仅供测试用。各位自建博客、论坛、网站等想引用的请自行访问下载，别直接引用！！！ <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://liuqingwushui.top/usr/themes/jasmine/times/assets/dycomment.min.css"> <link rel="stylesheet" href="https://liuqingwushui.top/usr/themes/jasmine/whispe...