handsome 表情包拓展

博主：小逗比
发布时间：2024 年 03 月 06 日
955 次浏览
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-6a996f2172bd3ef4f1b0b832a0beacd363" 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-6a996f2172bd3ef4f1b0b832a0beacd363" 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-4b7c9ea50bd208420550d601ca7ded6030' role="tab" data-target='#tabs-4b7c9ea50bd208420550d601ca7ded6030'>bilibili表情包下载</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-7b73f77f6bc2ca275157349cb9fc0241761' role="tab" data-target='#tabs-7b73f77f6bc2ca275157349cb9fc0241761'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-59760113cde36663ef9b5aa6716ef58c622' role="tab" data-target='#tabs-59760113cde36663ef9b5aa6716ef58c622'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-4b7c9ea50bd208420550d601ca7ded6030' 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-7b73f77f6bc2ca275157349cb9fc0241761' 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-59760113cde36663ef9b5aa6716ef58c622' 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-32f28d28f45e0359b14e1f0a5b02b35e43" 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-32f28d28f45e0359b14e1f0a5b02b35e43" 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-1ce5334b186dbed9a96c1daeee5361fd660' role="tab" data-target='#tabs-1ce5334b186dbed9a96c1daeee5361fd660'>抖音表情包下载</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-b8cb3a6a8d8f019a4719be967dae0588581' role="tab" data-target='#tabs-b8cb3a6a8d8f019a4719be967dae0588581'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-0160a19d6635c5c0b58eeb83d74fe7e9482' role="tab" data-target='#tabs-0160a19d6635c5c0b58eeb83d74fe7e9482'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-1ce5334b186dbed9a96c1daeee5361fd660' 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-b8cb3a6a8d8f019a4719be967dae0588581' 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-0160a19d6635c5c0b58eeb83d74fe7e9482' 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-604ab364e5f64f9d37efe1ba0d16f7dd40" 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-604ab364e5f64f9d37efe1ba0d16f7dd40" 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-43514d87e3c441d8cdce2eff7a428812310' role="tab" data-target='#tabs-43514d87e3c441d8cdce2eff7a428812310'>QQ表情包</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-16a2607a3b41c233d1fdca800f5e214d501' role="tab" data-target='#tabs-16a2607a3b41c233d1fdca800f5e214d501'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-23a221b5a627f8c795bae5c83952133c272' role="tab" data-target='#tabs-23a221b5a627f8c795bae5c83952133c272'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-43514d87e3c441d8cdce2eff7a428812310' 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-16a2607a3b41c233d1fdca800f5e214d501' 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-23a221b5a627f8c795bae5c83952133c272' 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://www.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-1ce5334b186dbed9a96c1daeee5361fd660' role="tab" data-target='#tabs-1ce5334b186dbed9a96c1daeee5361fd660'>抖音表情包下载</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-b8cb3a6a8d8f019a4719be967dae0588581' role="tab" data-target='#tabs-b8cb3a6a8d8f019a4719be967dae0588581'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-0160a19d6635c5c0b58eeb83d74fe7e9482' role="tab" data-target='#tabs-0160a19d6635c5c0b58eeb83d74fe7e9482'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-1ce5334b186dbed9a96c1daeee5361fd660' 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-43514d87e3c441d8cdce2eff7a428812310' role="tab" data-target='#tabs-43514d87e3c441d8cdce2eff7a428812310'>QQ表情包</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-16a2607a3b41c233d1fdca800f5e214d501' role="tab" data-target='#tabs-16a2607a3b41c233d1fdca800f5e214d501'>CSS</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-23a221b5a627f8c795bae5c83952133c272' role="tab" data-target='#tabs-23a221b5a627f8c795bae5c83952133c272'>JSON</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-43514d87e3c441d8cdce2eff7a428812310' class="tab-pane fade active in">

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

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

2 条评论

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

handsome 表情包拓展

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