为 Typecho 添加 B 站蛆音娘表情

季春二九

发布于 2023-03-22 14:22:02

3940

发布于 2023-03-22 14:22:02

文章被收录于专栏：季春二九季春二九

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

1. 准备并上传表情文件

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

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

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

##现在说注意事项：

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

2. 修改 OwO.json 文件

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

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

表情包代码

"蛆音娘": {
        "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 中的标签结束前。

CSS代码

    img.biaoqing.quyin {
    
    margin-bottom: -.3125rem; min-height: 3.25rem; height: 1em;
    }

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

转自团子酱

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

css

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度