为 Typecho 添加 B 站蛆音娘表情
首先为什么帮助文档写的很清楚了我还要发,我只是让你们少走弯路一次弄好,后面我会说到
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
中的 </head>
标签结束前。
CSS代码
<style>
img.biaoqing.quyin {
margin-bottom: -.3125rem; min-height: 3.25rem; height: 1em;
}
</style>
本文资源下载:
{alert type="info"}
1.微信扫下面二维码关注公众号
2.回复 200220 进行下载
{/alert}
版权申明
本文系作者 @季春二九 原创发布在季春二九 - Keith 的Blog站点。未经许可,禁止转载。
暂无评论数据