MENU

【Mirages】Mirages优化之添加自定义表情包蛆音娘

首先为什么帮助文档写的很清楚了我还要发,我只是让你们少走弯路一次弄好,后面我会说到


以主题文档为基础,先看主题文档::quyin:feizao::

在评论和文章的表情框中添加自定义表情的内容。

1.准备并上传表情文件

首先,你需要准备要添加的表情文件 点我下载,对于表情文件,有如下要求和建议:

  • 所有后缀名必须相同(例如都是.png)
  • 文件夹名和每个图片名使用英文(以免出错)
  • 有能力同时准备一份 2x 的表情图像,用于高分屏展示(没有就忽略)

表情文件准备好后,上传到 主题目录/usr/biaoqing/目录下

  现在说注意事项:

  • 你去后台看了就会知道 usr/themes/Mirages/usr/,这个路径下并没有/biaoqing/这个文件夹,所以需要新创建一个
  • 然后把安装包文件夹上传到上面新建的文件夹

2.修改 OwO.json 文件

usr/themes/Mirages/js/7.10.1dev2路径下复制OwO.json文件到上面创建的文件夹

然后修改OwO.json文件,把新的表情包代码复制到如图箭头任意一处,

42.png

表情包代码

"蛆音娘": {
    "type": "usr",
    "name": "quyin",
    "suffix": ".png",
    "retinaSuffix": ".png",
    "imgClass": "quyin",
    "container": [{
            "icon": "hematemesis",
            "text": "吐血"
        },
        {
            "icon": "1huaji",
            "text": "滑稽"
        },
        {
            "icon": "amazing",
            "text": "吃惊"
        },
        {
            "icon": "angry",
            "text": "生气"
        },
        {
            "icon": "cry",
            "text": "哭泣"
        },
        {
            "icon": "die",
            "text": "die"
        },
        {
            "icon": "doubt",
            "text": "疑问"
        },
        {
            "icon": "feizao",
            "text": "肥皂"
        },
        {
            "icon": "fue",
            "text": "扶额"
        },
        {
            "icon": "heng",
            "text": "哼"
        },
        {
            "icon": "laughing",
            "text": "大笑"
        },
        {
            "icon": "look",
            "text": "偷看"
        },
        {
            "icon": "maimeng",
            "text": "卖萌"
        },
        {
            "icon": "OK",
            "text": "OK!"
        },
        {
            "icon": "scare",
            "text": "吓死宝宝惹"
        },
        {
            "icon": "shakinghead",
            "text": "摇头"
        },
        {
            "icon": "sleep",
            "text": "睡觉"
        },
        {
            "icon": "speechless",
            "text": "无语"
        },
        {
            "icon": "watermaleon",
            "text": "吃瓜"
        },
        {
            "icon": "witty",
            "text": "机智"
        }
    ]
},

调整大小

因为素材尺寸较大,可以使用 CSS 控制一下。对于 本主题,依次进入 控制台 - 外观 - 设置外观 - 主题自定义扩展,将代码加入到 自定义 HTML 元素拓展 - 标签: head 头部 (meta 元素后)。

其他主题,加入到主题对应的 header.php 中的 </head> 标签结束前。

<style>
img.biaoqing.quyin {

margin-bottom: -.3125rem; min-height: 3.25rem; height: 1em;
}

</style>

去试试把::quyin:1huaji::

版权声明:文章转载请注明来源,如有侵权请联系删除!

最后编辑于: 2020 年 07 月 09 日
返回文章列表 打赏
本页链接的二维码
打赏二维码
添加新评论

已有 2 条评论
  1. br br

    求解:按照文中的方法操作后,为何蛆音娘的表情包自己能看见,别人却看不见?

  2. 感谢团子大佬::quyin:1huaji::