『原创』『表情』为Joe主题增加QQ,Bilibili,酷安,贴吧,微博表情包
侧边栏壁纸
  • 累计撰写 61 篇文章
  • 累计收到 1,246 条评论

『原创』『表情』为Joe主题增加QQ,Bilibili,酷安,贴吧,微博表情包

六六丶
2021-12-28 / 5 评论 / 1,244 阅读 / 正在检测是否收录...
广告

前言

最近失恋了,就一直在学习前端基础,所以个人博客都好久没更新了

偶然在翠翠的博客看到给typecho添加表情包的教程,所以自己也添加了两组表情包

但是在添加途中遇到了一个问题,所以将自己遇到的坑记录下来

成果展示

Honeycam 2021-12-28 16-04-15.gif

教程开始

一、添加表情过滤

因为Joe主题之前被人恶意注入过xss,因此主题作者添加了关键词屏蔽,所以还要进行过滤

拿到一个表情包后,在 windows 系统中使用以下命令生成该文件夹文件(图片)列表:

dir 目录 > list.txt 

于是生成的 list.txt 就包含了改目录下的全部文件名,就可以很方便的批处理。

关键词拼串可以使用Excel进行,直接使用以下代码就行

=A2&$F$2&A3
=E2&$F$2&A4

kxpw6hk8.png

kxpw6xvj.png

然后打开 Joe/core/parse.php 文件,找到表情过滤

在下面添加你表情的关键词与表情地址

kxpvpgcy.png

这里有一个坑 ,因为原作者引用表情包地址是用的 urlencode() 函数,将文字转换为UrlEncode编码的字符

二、配置 OwO.json

打开 Joe/assets/json 下的 joe.owo.json 文件

在里面添加

"小电视": [
    { "icon": "assets/owo/bilibili/doge.gif", "data": "小电视" },
    { "icon": "assets/owo/bilibili/E9BC93E68E8C.gif", "data": "小电视" }
    ......
  ]

将上文中转码后的名称列成 Excel 表格,并在某单元格(比如图例中的 G2 ~ G5)输入前缀

=$G$2&C2&$G$3&$G$4&A2&$G$5

然后对于每一行输入公式进行字符串拼接

kxpwzv2q.png

之后可以将表格复制到 Excel 转 json 中获取相应的 json 文件,就不需要一个个做啦 ww

做完后将其复制到 joe.owo.json 就好了

kxpvqdmg.png

注:我这里是将JSON格式化后的结构,建议格式后进行添加,不容易出错,而且看着不会眼睛疼( 压缩代码太伤眼了

三、上传表情包文件

将重命名后的表情包文件上传到 Joe/assets/owo 文件夹中,当然你也可以上传到其他地方,只要能访问到就行

然后在打开网站查看效果就好啦~

表情包资源

当然其实这篇文章最重要的就是五套表情包的资源啦,资源的链接在下面,需要的话就拿去哦~>v<

216

打赏

评论 (5)

取消
  1. 头像
    87978大
    Windows 10 · Google Chrome

    画图

    回复 待审 垃圾
  2. 头像
    互联
    Windows 10 · Google Chrome

    QQ

    回复 待审 垃圾
  3. 头像
    插眼
    Windows 10 · Google Chrome

    插眼

    回复 待审 垃圾
  4. 头像
    游客14232
    Windows 10 · Google Chrome

    插眼

    回复 待审 垃圾
  5. 头像
    小黑
    Windows 10 · Google Chrome

    我来看看,顺便采了QQ

    回复 待审 垃圾