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

前言

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

步骤

修改前请及时备份

找好新表情

• 本站也分享过许多好看的表情，可以直接食用。
• 将表情收集好后重命名为简单的名称方便辨认。譬如：

• 然后将这些表情放入一个文件夹，这里例举假设是apple文件夹。
• 将apple文件夹上传到usr/themes/Joe/assets/owo/目录下。

修改json

• 定位到usr/themes/Joe/assets/json/joe.owo.json文件，打开并全部复制
• 打开json解压网站，譬如 Jsonla、Bejson ，将内容粘贴进去，并格式化后，复制出来。
• 按照格式，在文档最末端添加内容：

• 在上方代码//这里空出来添加内容位置，加入举例的代码，依据自己实际情况修改增删

• 检查无误后，重新用 Jsonla、Bejson 进行压缩，后覆盖源文件。

修改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
    );

• 在上方代码的下面，复制出一份，并修改成我们需要的格式，这里一份作为参考：
  
  然后就能在表情中看到了，最后注意几点：
  1. 如果出错，请重新仔细查看本教程示例代码，注意文件路径，图片格式等是否填错
  2. 推荐使用cdn代替本地图片，加快速度
  
  
  - - - The END - - -
  
  - - - 打 赏 - - -