看见客户端里面表情包很有趣就给扒出来了
为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:1huaji::不错,素材已用上,有2233娘的素材吗,也想加上去
好像只有评论能用呢,自己加到文章上不会识#(脸红)别
我这里是没问题的哎,可能是主题的问题吧,你用的什么主题呢#(脸红)
大佬,我的是Mirages 主题。也不行哦文章上不会识别只有评论可以@(泪)有什么方法食用嘛?
我这里文章是可以的啊,就是主题文档里给出的方式,你是用的什么方式添加的呢
左岸大佬,那么Mirages应该把图片放在哪里,编辑哪个js和css文件呢?::quyin:look::
点击下载
你好,json文件和图片我已经改好了,直接把文件解压出来放到 Mirages/usr/ 中即可。再加个CSS img.biaoqing.quyin{margin-bottom:-.3125rem;min-height:3.25rem;height:1em}
这个很不错诶 ::quyin:OK::
嘿嘿,贼喜欢这个表情! ::quyin:1huaji::
你好博主,转化css这儿怎么弄啊?好长不能一键复制 下载下来的也是原来的css
css直接 crtl+a 全选,复制到在线工具里美化之后,就可以很方便的编辑了,或者直接 crtl+f 搜索 .emotion-twemoji{width:18px} 在后面添加 .emotion-quyin{width:66px} 即可 ::quyin:witty::
所以说,要把图片放在哪个目录呢 ::quyin:1huaji::
放到handsome/usr/img/emotion中,不好意思,忘记加了,现在加上了 ::quyin:OK::