定制属于自己的专属表情包,虽然Voline有自己的一套表情包,但是感觉不是很好看,那么现在就来自己定制一下吧

1. 下载js文件

这个是建立在valine的基础上修改的文件,所以和valine使用方式一样,就是导入的js改变一下即可
先clone一下仓库到本地,这个我就不说了

2. 本地测试

在clone的目录下面,新建一个html文件



导入js运行html



测试一下js是否生效了


3. 加入自己想要的表情包

重新打开html页面,发现表情包添加了,但是变成了下面这样

微调css文件,加入下面的css文件调整,当然可以根据自己的个人爱好添加

1
2
3
4
5
6
7
8
9
10
11
.l_main #comments .vemojis i .emoji {
height: 24px;
margin-top: 6px;
background: transparent;
}
.l_main #comments .vemojis i {
width: auto;
height: 36px;
padding: 0;
margin: 8px 8px 0 8px;
}

4. 修改Hexo

这个表情包本身就是valine的表情包的扩展,所以直接修改hexo中导入的js文件即可
把修改好的文件上传到自己的服务器上面,如果没有可以参考Github+jsDelivr上传到CDN
我的是在themes\material-x\layout\_partial\script.ejs文件中,然后直接Ctrl+F搜索找到替换成自己的文件即可,我的js文件是https://cdn.jsdelivr.net/gh/2662419405/CDN/volantisPlus.js

  • 最好把这个volantisPlus压缩一下,本人太懒了,就没弄,经过上面的配置,你也拥有了自己的DIY表情包,美滋滋啊

 评论


Copyright @ 2019 SH'S BLOG   |   冀ICP备19013084号-1   |   载入天数...载入时分秒...   |   站长统计   |  
commit168
WordCount67.3k