看见客户端里面表情包很有趣就给扒出来了
为Typecho博客增加表情包,owo.json
Mirages教程:
直接下载这个,然后将解压出的biaoqing
文件夹放到主题目录下/usr
中,然后为了使表情大小适中,添加自定义CSS即可:
img.biaoqing.quyin {
margin-bottom: -.3125rem;
min-height: 3.25rem;
height: 1em;
}
Handsome教程:
- 如果您的网站也使用owo.json,那么此教程对您同样适用!
首先将下载好的文件解压,然后放到handsome/usr/img/emotion
中
然后编辑handsome/usr
文件夹中的OwO.json
,在这个位置
添加以下代码:
"蛆音娘": {
"name": "quyin",
"type": "image",
"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": "机智"
}
]
},
保存上传后再找到/usr/themes/handsome/assets/css
里的handsome.min.css
把代码全选复制用在线工具美化后进行编辑,大约在第8879行,添加如下代码:
.emotion-quyin {
width: 66px;
}
作用是限制图片的大小,不然输出出来图片尺寸太大,最终效果如下图所示:
::quyin:speechless::
你好,不是handsome主题怎么添加呢。。也很想用上表情。。::quyin:witty:: OwO插件装上后台不显示。。文件名已经改了的。。
"蛆音娘": {
"type": "quyin", "name": "quyin",type和name有什么含义吗?我在原主题(非此文中的两个主题)的OwO.json里加上了如上2种代码,然后同级文件夹为quyin里面就是图片,但是实际用时只显示英文,不显示图片。请问是哪里出了问题,我要怎么改?
::quyin:fue::
::quyin:1huaji::嘿嘿
不错,素材已用上,有 2233 娘的素材吗,也想加上去
::quyin:look::
Void主题有没有方法呢::quyin:hematemesis::
::quyin:doubt::
@(滑稽)::quyin:laughing::#(吐舌)୧(๑•̀⌄•́๑)૭
@(滑稽)@(滑稽)@(滑稽)
嗯哼,typecho如何配置呢,还是没看懂@(滑稽)
oh!表情咋换了