喵喵博客志 记录喵喵美好生活
歌曲封面 未知作品
  • 歌曲封面ひこうき雲松任谷由実
  • 歌曲封面El Pueblo Unido Jamás Será Vencido (En Vivo)Quilapayun
  • 歌曲封面I wish来栖りん
  • 歌曲封面冬の花宮本浩次
  • 歌曲封面So Cute~Lopu$

萌ICP备20210005号

辽ICP备2021005644号

辽公网安备 21021102000984号

绯色之喵 @2009

十年之约计划 4 年 71 天 13 小时 2 分

Powered by Typecho & Sunny

3 online · 189 ms

Title

为Joe主题添加更多,新的表情

绯色之喵

·

Article
⚠️ 本文最后更新于2022年07月25日,已经过了664天没有更新,若内容或图片失效,请留言反馈

火喵原创,请勿转载

前言

评论区小伙伴留言,也想要在joe主题里添加更多新的表情。之前本来也想水一篇,但是很麻烦很麻烦。但是为了帮助新朋友们美化自己的主题,还是写一篇简单的教程吧。正好我也经常分享一些好看的表情,正好搭配实用。
教程并非傻瓜式复制粘贴,需要耐心自制。

步骤

修改前请及时备份

找好新表情
  • 本站也分享过许多好看的表情,可以直接食用。
  • 将表情收集好后重命名为简单的名称方便辨认。譬如:
文件夹
apple1.jpg
apple2.jpg
apple3.jpg
apple4.jpg
apple5.jpg
  • 然后将这些表情放入一个文件夹,这里例举假设是apple文件夹。
  • apple文件夹上传到usr/themes/Joe/assets/owo/目录下。
修改json
  • 定位到usr/themes/Joe/assets/json/joe.owo.json文件,打开并全部复制
  • 打开json解压网站,譬如 JsonlaBejson ,将内容粘贴进去,并格式化后,复制出来。 Test
  • 按照格式,在文档最末端添加内容:
    此处内容,需回复之后可见

  • 在上方代码//这里空出来添加内容位置,加入举例的代码,依据自己实际情况修改增删
    此处内容,需回复之后可见

  • 检查无误后,重新用 JsonlaBejson 进行压缩,后覆盖源文件。
修改php

php文件有两个,一个显示评论区表情,一个显示邮件提醒的表情

  • 定位到core/factory.php找到以下代码

    ♾️ php 代码:
    $text = preg_replace_callback(
              '/\:\@\(\s*(高兴|小怒|脸红|内伤|装大款|赞一个|害羞|汗|吐血倒地|深思|不高兴|无语|亲亲|口水|尴尬|中指|想一想|哭泣|便便|献花|皱眉|傻笑|狂汗|吐|喷水|看不见|鼓掌|阴暗|长草|献黄瓜|邪恶|期待|得意|吐舌|喷血|无所谓|观察|暗地观察|肿包|中枪|大囧|呲牙|抠鼻|不说话|咽气|欢呼|锁眉|蜡烛|坐等|击掌|惊喜|喜极而泣|抽烟|不出所料|愤怒|无奈|黑线|投降|看热闹|扇耳光|小眼睛|中刀)\s*\)/is',
              function ($match) {
                  return '<img style="max-height: 22px;" src="' . Helper::options()->themeUrl . '/assets/owo/aru/' . str_replace('%', '', urlencode($match[1])) . '_2x.png"/>';
              },
              $text
          );
  • 在上方代码的下面,复制出一份,并修改成我们需要的格式,这里一份作为参考:
    此处内容,需回复之后可见

  • 定位到core/parse.php找到以下代码

    ♾️ php 代码:
     $text = preg_replace_callback(
          '/\:\@\(\s*(高兴|小怒|脸红|内伤|装大款|赞一个|害羞|汗|吐血倒地|深思|不高兴|无语|亲亲|口水|尴尬|中指|想一想|哭泣|便便|献花|皱眉|傻笑|狂汗|吐|喷水|看不见|鼓掌|阴暗|长草|献黄瓜|邪恶|期待|得意|吐舌|喷血|无所谓|观察|暗地观察|肿包|中枪|大囧|呲牙|抠鼻|不说话|咽气|欢呼|锁眉|蜡烛|坐等|击掌|惊喜|喜极而泣|抽烟|不出所料|愤怒|无奈|黑线|投降|看热闹|扇耳光|小眼睛|中刀)\s*\)/is',
          function ($match) {
              return '<img class="owo_image lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="' . Helper::options()->themeUrl . '/assets/owo/aru/' . str_replace('%', '', urlencode($match[1])) . '_2x.png" alt="表情"/>';
          },
          $text
      );
  • 在上方代码的下面,复制出一份,并修改成我们需要的格式,这里一份作为参考:
    此处内容,需回复之后可见
    然后就能在表情中看到了,最后注意几点:

  • 如果出错,请重新仔细查看本教程示例代码,注意文件路径,图片格式等是否填错
  • 推荐使用cdn代替本地图片,加快速度
现在已有 14 条评论,0 人点赞
Comment
发表
  1. 头像
    @
    学习! 😀
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  2. 头像
    @
    jaysun
    感谢学习学习
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  3. 头像
    @
    trap、
    来踩一下!
    · QQ浏览器

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  4. 头像
    @
    Aurora
    感谢分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  5. 头像
    @
    谢谢作者分享!这片文章很有价值,感谢🙏
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  6. 头像
    @
    kingkare
    为啥我添加了以后测试评论 不显示表情图片显示这样 的 php文件都添加了
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      你看下你是不是把默认自带的第一栏(泡泡)给改了,你先保留第一栏泡泡,在后面添加新的(这个教程只是添加新的表情,不涉及更改之前的部分)如果想更改第一栏自带的(泡泡),需要再改个文件,啥文件我记不得了,等我晚上瞅瞅啵,你先改着
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  7. 头像
    @
    kingkare
    感谢分享 正好需要
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  8. 头像
    @
    😺 vian
    确实瞎了 没找到评论按钮
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  9. 头像
    @
    ZMR
    该回复疑似异常,已被系统拦截!
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  10. 头像
    @
    ZMR
    嘻嘻又来了
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  11. 头像
    @
    嘻嘻,等我研究研究
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      忘记写了,修改前记得备份
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
      1. 头像
        @
        无心v @火喵酱
        欧克
        · Chrome

        👍

        💖

        💯

        💦

        😄

        🪙

        👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主