为Joe主题添加更多,新的表情
 文章目录

原创

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

火喵酱
typecho博客美化joe主题
2021年11月21日 10 评论 374 阅读 正在检测是否收录...

前言

评论区小伙伴留言,也想要在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
    );
  • 在上方代码的下面,复制出一份,并修改成我们需要的格式,这里一份作为参考:

    然后就能在表情中看到了,最后注意几点:

    1. 如果出错,请重新仔细查看本教程示例代码,注意文件路径,图片格式等是否填错
    2. 推荐使用cdn代替本地图片,加快速度

    - - - The END - - -

    - - - 打 赏 - - -
版权属于: 火喵 ©
最后更新: 2022 年 03 月 24 日 12 时
解压密码: ✽✽✽✽✽✽
阅读时间: 本文共 794 个字数,平均阅读时长 ≈ 2分钟

共计 10 条评论,点此发表评论

人机验证

  1. 头像
    @
    贵州
    修✓
    水手

    海员

    谢谢作者分享!这片文章很有价值,感谢🙏表情

  2. 头像
    @
    山西
    kingkare
    士官

    海员

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

    1. 头像
      @
      喵星
      火喵酱
      @ kingkare

      提督

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

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

  3. 头像
    @
    山西
    kingkare
    士官

    海员

    感谢分享 正好需要

  4. 头像
    @
    广东
    vian
    海尉

    舰长

    确实瞎了 没找到评论按钮表情

  5. 头像
    @
    广东
    ZMR
    士官

    海员

    :@(pp01)

  6. 头像
    @
    福建
    ZMR
    士官长

    海员

    嘻嘻又来了

  7. 头像
    @
    河北
    无心v
    海佐

    海员

    三副

    嘻嘻,等我研究研究表情

    1. 头像
      @
      喵星
      火喵酱
      @ 无心v

      提督

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

      1. 头像
        @
        河北
        无心v
        @ 火喵酱
        海佐

        海员

        三副

        欧克