博客主页 🎤
为Joe主题添加更多,新的表情

Author:

火喵酱

©

Wordage:

共计 3755 字

needs:

约 2 分钟

Popular:

600 ℃

Created:

温馨提示:

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

火喵原创,请勿转载

前言

评论区小伙伴留言,也想要在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找到以下代码

    $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找到以下代码

     $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代替本地图片,加快速度
- - - The END - - -
共计 10 条评论,点此发表评论
  1. 头像
    @
    修✓
    新人

    访客

    谢谢作者分享!这片文章很有价值,感谢🙏:@(高兴)

    · Android · Chrome · 贵州
  2. 头像
    @
    kingkare
    Lv.2

    访客

    为啥我添加了以后测试评论 不显示表情图片显示这样 :@(滑稽):@(吃惊):@(生气) 的 php文件都添加了

    · Win 7 · Chrome · 山西
    1. 头像
      @

      你看下你是不是把默认自带的第一栏(泡泡)给改了,你先保留第一栏泡泡,在后面添加新的(这个教程只是添加新的表情,不涉及更改之前的部分)

      如果想更改第一栏自带的(泡泡),需要再改个文件,啥文件我记不得了,等我晚上瞅瞅啵,你先改着

      · Android · Chrome · 辽宁
  3. 头像
    @
    kingkare
    Lv.2

    访客

    感谢分享 正好需要

    · Win 7 · Chrome · 山西
  4. 头像
    @
    vian
    Lv.5

    好友

    确实瞎了 没找到评论按钮:@(装大款)

    · Win 1x · Chrome · 广东
  5. 头像
    @
    ZMR
    Lv.1

    访客

    :@(pp01)

    · Win 1x · Chrome · 广东
  6. 头像
    @
    ZMR
    Lv.2

    访客

    嘻嘻又来了

    · Win 1x · Chrome · 福建
  7. 头像
    @
    无心v
    Lv.4

    访客

    嘻嘻,等我研究研究:@(想一想)

    · Win 1x · Chrome · 河北
    1. 头像
      @

      忘记写了,修改前记得备份

      · Win 1x · Chrome · 辽宁
      1. 头像
        @
        无心v @ 火喵酱
        Lv.4

        访客

        欧克

        · Win 1x · Chrome · 河北
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 本站已运行 2 年 205 天 18 小时 43 分 51统计 百度统计 自豪地使用 Typecho 建站,并搭配 MyDiary 主题 Copyright © 2020 ~ 2022. 火喵博客・日记本 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活