handsome 表情包拓展

博主：小逗比
发布时间：2024 年 03 月 06 日
821 次浏览
2 条评论
12299字数
分类：教程

对`Handsome`表情包拓展
</div>
<div class="tip inlineBlock success">

更新时间`2024`年`06`月`13`日
</div>

需要注意修改主题目录下面的`usr/OwO.json`>文件（注意放的位置前后逗号之类的问题）

```json
//举例
{
"icon": "prayer",
     "text": "祈祷"
     },
     {
     "icon": "star",
     "text": "星星"
   }
]
 },
"bilibili":{
     "type": "image",
     "name": "bilibili",
     "container":[
      {
        "icon": "baiyan",
        "text": "白眼"
      },
      {
        "icon": "zhuakuang",
        "text": "抓狂"
      }
    ]
  }
}
```
### bilibili表情包

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-fde17137a480cfd464f0251cd16b43f496" aria-expanded="true"><div class="accordion-toggle"><span style="">bilibili表情包</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-fde17137a480cfd464f0251cd16b43f496" class="collapse collapse-content"><p></p>

首先在` themes/handsome/assets/img/emotion`路径下新建一个文件夹，起名`bilibili`
需要注意的是，要是用了静态资源CDN，记得在CDN里面响应的位置加入表情包资源包。

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-3b0bb06a041938e1c31fb7c5f17f59a6500' role="tab" data-target='#tabs-3b0bb06a041938e1c31fb7c5f17f59a6500'>bilibili表情包下载</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-cb3755a0ceb8b55b403de09b17614a63811' role="tab" data-target='#tabs-cb3755a0ceb8b55b403de09b17614a63811'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-7bc8af94395c4d4993375f308a0ade4e722' role="tab" data-target='#tabs-7bc8af94395c4d4993375f308a0ade4e722'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-3b0bb06a041938e1c31fb7c5f17f59a6500' class="tab-pane fade active in">

二选一下载就可以

<button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://alist.atxrom.cn/腾讯/插件/bilibili.rar','_blank')"><i class="glyphicon glyphicon-download-alt"></i>下载bilibili.rar</button> <button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://alist.atxrom.cn/腾讯/插件/bilibili.zip','_blank')"><i class="glyphicon glyphicon-download-alt"></i>下载bilibili.zip</button>  
</div><div role="tabpanel" id='tabs-cb3755a0ceb8b55b403de09b17614a63811' class="tab-pane fade  ">
            
在后台`自定义CSS`里面增加一个样式来限制大小：
```css
.emotion-bilibili {width: 25px;}
.comment-content-true img.emotion-bilibili {max-width: 100%!important;}
```
</div><div role="tabpanel" id='tabs-7bc8af94395c4d4993375f308a0ade4e722' class="tab-pane fade  ">
            
```json
"bilibili":{
    "type": "image",
    "name": "bilibili",
    "container":[
      {
        "icon": "baiyan",
        "text": "白眼"
      },
      {
        "icon": "bishi",
        "text": "鄙视"
      },
      {
        "icon": "bizui",
        "text": "闭嘴"
      },
      {
        "icon": "chan",
        "text": "馋"
      },
      {
        "icon": "daku",
        "text": "大哭"
      },
      {
        "icon": "dalao",
        "text": "大佬"
      },
      {
        "icon": "dalian",
        "text": "打脸"
      },
      {
        "icon": "dianzan",
        "text": "点赞"
      },
      {
        "icon": "doge",
        "text": "doge"
      },
      {
        "icon": "facai",
        "text": "发财"
      },
      {
        "icon": "fadai",
        "text": "发呆"
      },
      {
        "icon": "fanu",
        "text": "发怒"
      },
      {
        "icon": "ganga",
        "text": "尴尬"
      },
      {
        "icon": "guzhang",
        "text": "鼓掌"
      },
      {
        "icon": "haixiu",
        "text": "害羞"
      },
      {
        "icon": "heirenwenhao",
        "text": "黑人问号"
      },
      {
        "icon": "huaixiao",
        "text": "坏笑"
      },
      {
        "icon": "jingxia",
        "text": "惊吓"
      },
      {
        "icon": "keai",
        "text": "可爱"
      },
      {
        "icon": "koubi",
        "text": "抠鼻"
      },
      {
        "icon": "kun",
        "text": "困"
      },
      {
        "icon": "liubixie",
        "text": "流鼻血"
      },
      {
        "icon": "liuhan",
        "text": "流汗"
      },
      {
        "icon": "miantian",
        "text": "腼腆"
      },
      {
        "icon": "nanguo",
        "text": "难过"
      },
      {
        "icon": "outu",
        "text": "呕吐"
      },
      {
        "icon": "qinqin",
        "text": "亲亲"
      },
      {
        "icon": "se",
        "text": "色"
      },
      {
        "icon": "shengbing",
        "text": "生病"
      },
      {
        "icon": "shengqi",
        "text": "生气"
      },
      {
        "icon": "shuizhao",
        "text": "睡着"
      },
      {
        "icon": "sikao",
        "text": "思考"
      },
      {
        "icon": "tiaopi",
        "text": "调皮"
      },
      {
        "icon": "touxiao",
        "text": "偷笑"
      },
      {
        "icon": "tuxie",
        "text": "吐血"
      },
      {
        "icon": "weiqu",
        "text": "委屈"
      },
      {
        "icon": "weixiao",
        "text": "微笑"
      },
      {
        "icon": "wunai",
        "text": "无奈"
      },
      {
        "icon": "xiaoku",
        "text": "笑哭"
      },
      {
        "icon": "xieyanxiao",
        "text": "斜眼笑"
      },
      {
        "icon": "yiwen",
        "text": "疑问"
      },
      {
        "icon": "yun",
        "text": "晕"
      },
      {
        "icon": "zaijian",
        "text": "再见"
      },
      {
        "icon": "zhuakuang",
        "text": "抓狂"
      }
    ]
  }
}
```
</div>
</div>
</div>
<p></p></div></div></div>

### 抖音表情包
<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-201eaa743c62512caf199b5fea5fb4ba85" aria-expanded="true"><div class="accordion-toggle"><span style="">抖音表情包</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-201eaa743c62512caf199b5fea5fb4ba85" class="collapse collapse-content"><p></p>

首先在` themes/handsome/assets/img/emotion `路径下新建一个文件夹，起名`douyin`
需要注意的是，要是用了静态资源CDN，记得在CDN里面响应的位置加入表情包资源包。

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-831a783f5bac9fb11756d75d20dc6428230' role="tab" data-target='#tabs-831a783f5bac9fb11756d75d20dc6428230'>抖音表情包下载</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-1f515e90958b9a969591f9712b599d57601' role="tab" data-target='#tabs-1f515e90958b9a969591f9712b599d57601'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-92a6c4e2c0cfef45f36c7b03d0faa792972' role="tab" data-target='#tabs-92a6c4e2c0cfef45f36c7b03d0faa792972'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-831a783f5bac9fb11756d75d20dc6428230' class="tab-pane fade active in">

二选一下载就可以

<button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https://alist.atxrom.cn/腾讯/插件/douyin.rar','_blank')"><i class="glyphicon glyphicon-download-alt"></i>下载douyin.rar</button> <button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https://alist.atxrom.cn/腾讯/插件/douyin.zip','_blank')"><i class="glyphicon glyphicon-download-alt"></i>下载douyin.zip</button>

</div><div role="tabpanel" id='tabs-1f515e90958b9a969591f9712b599d57601' class="tab-pane fade  ">
             
在后台`自定义CSS`里面增加一个样式来限制大小：
```css
.emotion-douyin {width: 25px;}
.comment-content-true img.emotion-douyin {max-width: 100%!important;}
```
</div><div role="tabpanel" id='tabs-92a6c4e2c0cfef45f36c7b03d0faa792972' class="tab-pane fade  ">
             
修改主题目录下面的usr/OwO.json文件（注意放的位置前后逗号之类的问题）

```json
"抖音":{
    "type": "image",
    "name": "douyin",
    "container":[
      {
        "icon": "baiyan",
        "text": "白眼"
      },
      {
        "icon": "bishi",
        "text": "鄙视"
      },
      {
        "icon": "bizui",
        "text": "闭嘴"
      },
      {
        "icon": "daku",
        "text": "大哭"
      },
      {
        "icon": "dalao",
        "text": "大佬"
      },
      {
        "icon": "dalian",
        "text": "打脸"
      },
      {
        "icon": "doge",
        "text": "doge"
      },
      {
        "icon": "fanu",
        "text": "发怒"
      },
      {
        "icon": "guzhang",
        "text": "鼓掌"
      },
      {
        "icon": "haixiu",
        "text": "害羞"
      },
      {
        "icon": "heirenwenhao",
        "text": "黑人问号"
      },
      {
        "icon": "huaixiao",
        "text": "坏笑"
      },
      {
        "icon": "jingxia",
        "text": "惊吓"
      },
      {
        "icon": "keai",
        "text": "可爱"
      },
      {
        "icon": "facai",
        "text": "发财"
      },
	   {
        "icon": "dianzan",
        "text": "点赞"
      },
	  {
        "icon": "koubi",
        "text": "抠鼻"
      },
      {
        "icon": "kun",
        "text": "困"
      },

{
        "icon": "tu",
        "text": "吐"
      },
	  {
        "icon": "outu",
        "text": "吐"
      },
      {
        "icon": "qin",
        "text": "亲亲"
      },
      {
        "icon": "se",
        "text": "色"
      },
      {
        "icon": "touxiao",
        "text": "偷笑"
      },
      {
        "icon": "tuxie",
        "text": "吐血"
      },
      {
        "icon": "weiqu",
        "text": "委屈"
      },
      {
        "icon": "weixiao",
        "text": "微笑"
      },

{
        "icon": "xiaoku",
        "text": "笑哭"
      },
      {
        "icon": "xieyanxiao",
        "text": "斜眼笑"
      },
      {
        "icon": "yun",
        "text": "晕"
      },
      {
        "icon": "zaijian",
        "text": "再见"
      },
      {
        "icon": 1,
        "text": ""
      },
      {
        "icon": 2,
        "text": ""
      },
      {
        "icon": 3,
        "text": ""
      },
      {
        "icon": 4,
        "text": ""
      },
      {
        "icon": 5,
        "text": ""
      },
      {
        "icon": 6,
        "text": ""
      },
      {
        "icon": 7,
        "text": ""
      },
      {
        "icon": 8,
        "text": ""
      },
      {
        "icon": 9,
        "text": ""
      },
      {
        "icon": 10,
        "text": ""
      },
      {
        "icon": 11,
        "text": ""
      },
      {
        "icon": 12,
        "text": ""
      },
      {
        "icon": 13,
        "text": ""
      },
      {
        "icon": 14,
        "text": ""
      },
      {
        "icon": 15,
        "text": ""
      },
      {
        "icon": 16,
        "text": ""
      },
      {
        "icon": 17,
        "text": ""
      },
      {
        "icon": 18,
        "text": ""
      },
      {
        "icon": 19,
        "text": ""
      },
      {
        "icon": 20,
        "text": ""
      },
      {
        "icon": 21,
        "text": ""
      },
      {
        "icon": 22,
        "text": ""
      },
      {
        "icon": 23,
        "text": ""
      },
      {
        "icon": 24,
        "text": ""
      },
      {
        "icon": 25,
        "text": ""
      },
      {
        "icon": 26,
        "text": ""
      },
      {
        "icon": 27,
        "text": ""
      },
      {
        "icon": 28,
        "text": ""
      },
      {
        "icon": 29,
        "text": ""
      },
      {
        "icon": 30,
        "text": ""
      },
      {
        "icon": 31,
        "text": ""
      },
      {
        "icon": 32,
        "text": ""
      },
      {
        "icon": 33,
        "text": ""
      },
      {
        "icon": 34,
        "text": ""
      },
      {
        "icon": 35,
        "text": ""
      },
      {
        "icon": 36,
        "text": ""
      },
      {
        "icon": 37,
        "text": ""
      },
      {
        "icon": 38,
        "text": ""
      },
      {
        "icon": 39,
        "text": ""
      },
      {
        "icon": 40,
        "text": ""
      },
      {
        "icon": 41,
        "text": ""
      },
      {
        "icon": 42,
        "text": ""
      },
      {
        "icon": 43,
        "text": ""
      },
      {
        "icon": 44,
        "text": ""
      },
      {
        "icon": 45,
        "text": ""
      },
      {
        "icon": 46,
        "text": ""
      },
      {
        "icon": 47,
        "text": ""
      },
      {
        "icon": 48,
        "text": ""
      },
      {
        "icon": 49,
        "text": ""
      },
      {
        "icon": 50,
        "text": ""
      },
      {
        "icon": 51,
        "text": ""
      },
      {
        "icon": 52,
        "text": ""
      },
      {
        "icon": 53,
        "text": ""
      },
      {
        "icon": 54,
        "text": ""
      },
      {
        "icon": 55,
        "text": ""
      },
      {
        "icon": 56,
        "text": ""
      },
      {
        "icon": 57,
        "text": ""
      },
      {
        "icon": 58,
        "text": ""
      },
      {
        "icon": 59,
        "text": ""
      },
      {
        "icon": 60,
        "text": ""
      },
      {
        "icon": 61,
        "text": ""
      },
      {
        "icon": 62,
        "text": ""
      },
      {
        "icon": 63,
        "text": ""
      },
      {
        "icon": 64,
        "text": ""
      },
      {
        "icon": 65,
        "text": ""
      },
      {
        "icon": 66,
        "text": ""
      }
    ]
  }
```

</div>
</div>
</div>
<p></p></div></div></div>

### QQ表情包
<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-009940b55beee5155eb72638923ad4f093" aria-expanded="true"><div class="accordion-toggle"><span style="">QQ表情包</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-009940b55beee5155eb72638923ad4f093" class="collapse collapse-content"><p></p>

首先在`themes/handsome/assets/img/emotion`路径下新建一个文件夹，起名`QQ`
需要注意的是，要是用了静态资源CDN，记得在CDN里面响应的位置加入表情包资源包。

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-cd0af390c897453713517225ababbe17840' role="tab" data-target='#tabs-cd0af390c897453713517225ababbe17840'>QQ表情包</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-643f8c1b4f84e1370d689dc81ce8cfaf521' role="tab" data-target='#tabs-643f8c1b4f84e1370d689dc81ce8cfaf521'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-7b432f6cc820f4fe892ed7f86c4ed83a802' role="tab" data-target='#tabs-7b432f6cc820f4fe892ed7f86c4ed83a802'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-cd0af390c897453713517225ababbe17840' class="tab-pane fade active in">

二选一下载就可以（下载连接无效）

<button class=" btn m-b-xs btn-success btn-addon" onclick="window.open('https:404','_blank')"><i class="glyphicon glyphicon-download-alt"></i>404</button> <button class=" btn m-b-xs btn-info btn-addon" onclick="window.open('https:404','_blank')"><i class="glyphicon glyphicon-download-alt"></i>404</button>  
</div><div role="tabpanel" id='tabs-643f8c1b4f84e1370d689dc81ce8cfaf521' class="tab-pane fade  ">
             在后台`自定义CSS`里面增加一个样式来限制大小：

```css
.emotion-douyin {width: 25px;}
.comment-content-true img.emotion-QQ {max-width: 100%!important;}
```
</div><div role="tabpanel" id='tabs-7b432f6cc820f4fe892ed7f86c4ed83a802' class="tab-pane fade  ">
             修改主题目录下面的usr/OwO.json文件（注意放的位置前后逗号之类的问题）

```json
哈哈哈还没写完……
"QQ":{
     "type": "image",
     "name": "QQ",
     "container":[
        {
        "icon": "baiyan",
        "text": "白眼"
        },
        {
        "icon": "zhuakuang",
        "text": "抓狂"
        }
                 ]
      }
```
<center>………………未完待续………………</center>

</div>
</div>
</div>
<p></p></div></div></div>

End

本文标题：handsome 表情包拓展

本文链接：https://atxrom.com/archives/17/

除非另有说明，本作品遵循CC 4.0 BY-NC-SA 4.0。

声明：转载请注明文章来源。

如果觉得我的文章对你有用，请随意赞赏

2 条评论

xiaodoubi Google Chrome 129.0.0.0 Windows 10
October 21st, 2024 at 11:08 am

vditor渲染加载有点慢

回复
klcdm Edge 125.0.0.0 Windows 10
June 15th, 2024 at 01:31 pm

这次博客评论区终于活着了
好勤奋的博主，更新了

回复

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

handsome 表情包拓展

小逗比 • 2024 年 03 月 06 日

对`Handsome`表情包拓展
</div>
<div class="tip inlineBlock success">

更新时间`2024`年`06`月`13`日
</div>

需要注意修改主题目录下面的`usr/OwO.json`>文件（注意放的位置前后逗号之类的问题）

二选一下载就可以

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-831a783f5bac9fb11756d75d20dc6428230' role="tab" data-target='#tabs-831a783f5bac9fb11756d75d20dc6428230'>抖音表情包下载</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-1f515e90958b9a969591f9712b599d57601' role="tab" data-target='#tabs-1f515e90958b9a969591f9712b599d57601'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-92a6c4e2c0cfef45f36c7b03d0faa792972' role="tab" data-target='#tabs-92a6c4e2c0cfef45f36c7b03d0faa792972'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-831a783f5bac9fb11756d75d20dc6428230' class="tab-pane fade active in">

二选一下载就可以

</div>
</div>
</div>
<p></p></div></div></div>

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-cd0af390c897453713517225ababbe17840' role="tab" data-target='#tabs-cd0af390c897453713517225ababbe17840'>QQ表情包</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-643f8c1b4f84e1370d689dc81ce8cfaf521' role="tab" data-target='#tabs-643f8c1b4f84e1370d689dc81ce8cfaf521'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-7b432f6cc820f4fe892ed7f86c4ed83a802' role="tab" data-target='#tabs-7b432f6cc820f4fe892ed7f86c4ed83a802'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-cd0af390c897453713517225ababbe17840' class="tab-pane fade active in">

二选一下载就可以（下载连接无效）

</div>
</div>
</div>
<p></p></div></div></div>

2 条评论

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

handsome 表情包拓展

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款