handsome主题添加评论表情包

[scode type="blue"]handsome主题自带的表情包有点单调，主题官方文档和网上也有好多关于表情包替换的教程，下文会说到[/scode]
## 第一步，下载表情包文件
表情包文件存放的路径：`usr/themes/handsome/assets/img/emotion/`
![blog.1zxbc.cn][1]
#### [表情包：蛆音娘][2]（点击名字可下载）
![blog.1zxbc.cn][3]
#### [表情包：贴吧][4]（点击名字可下载）
![blog.1zxbc.cn][5]

## 第二步，修改`usr/OwO.json`文件
文件路径：`/usr/themes/handsome/usr/`
![blog.1zxbc.cn][6]

可将下方代码插入颜文字前面
![blog.1zxbc.cn][7]

[collapse status="false" title="蛆音娘代码"]

"蛆音娘": {
      "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": "机智"
        }
      ]
    },

[/collapse]

[collapse status="false" title="贴吧代码"]
    "贴吧":{
        "type": "image",
        "name": "tieba",
        "container":[
          {
            "icon": "1",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_02",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_03",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_04",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_05",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_06",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_07",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_08",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_09",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_10",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_11",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_12",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_13",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_14",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_15",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_16",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_17",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_18",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_19",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_20",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_21",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_22",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_23",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_24",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_25",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_26",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_27",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_28",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_29",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_30",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_31",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_32",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_33",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_34",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_35",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_36",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_37",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_38",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_39",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_40",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_41",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_42",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_43",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_44",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_45",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_46",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_47",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_48",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_49",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_50",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_52",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_53",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_54",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_55",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_56",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_57",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_58",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_59",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_60",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_61",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_62",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_71",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_72",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_73",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_74",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_75",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_76",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_77",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_78",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_79",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_80",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_81",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_82",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_83",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_84",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_85",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_86",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_87",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_88",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_89",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_90",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_91",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_92",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_93",
            "text": "泡泡"
        }
        ]
      },

[/collapse]

## 第三步，修改表情包大小（看个人习惯）
修改文件：`handsome.min.css`
文件路径：`/usr/themes/handsome/assets/css/`

代码如下：
    蛆音娘
    .emotion-quyin{width: 66px;}
    贴吧
    .emotion-tieba{width: 66px;}
可直接end到末尾添加
![blog.1zxbc.cn][8]
主题官方文档：[增加新的表情栏目][9]

## 更多教程
[post cid="134" /]

[post cid="95" /]

[1]: https://wx.y.gtimg.cn/music/photo_new/T053XD000015Tasn14y891.png
  [2]: https://blog.1zxbc.cn/usr/uploads/2024/11/1558077625.zip
  [3]: https://wx.y.gtimg.cn/music/photo_new/T053XD00003cYXxL2n672o.png
  [4]: https://blog.1zxbc.cn/usr/uploads/2024/11/1558077625.zip
  [5]: https://wx.y.gtimg.cn/music/photo_new/T053XD000044obaX3UFRLT.png
  [6]: https://wx.y.gtimg.cn/music/photo_new/T053XD0000331R1x0RRa8m.png
  [7]: https://wx.y.gtimg.cn/music/photo_new/T053XD00000U2GGa3hqFjf.png
  [8]: https://wx.y.gtimg.cn/music/photo_new/T053XD00004PZXdl0Nfw3l.png
  [9]: https://auth.ihewro.com/user/docs/#/advanced/emotion?id=%E5%A2%9E%E5%8A%A0%E6%96%B0%E7%9A%84%E8%A1%A8%E6%83%85%E6%A0%8F%E7%9B%AE

handsome主题自带的表情包有点单调，主题官方文档和网上也有好多关于表情包替换的教程，下文会说到
</div>
## 第一步，下载表情包文件
表情包文件存放的路径：`usr/themes/handsome/assets/img/emotion/`
![blog.1zxbc.cn][1]
#### [表情包：蛆音娘][2]（点击名字可下载）
![blog.1zxbc.cn][3]
#### [表情包：贴吧][4]（点击名字可下载）
![blog.1zxbc.cn][5]

## 第二步，修改`usr/OwO.json`文件
文件路径：`/usr/themes/handsome/usr/`
![blog.1zxbc.cn][6]

可将下方代码插入颜文字前面
![blog.1zxbc.cn][7]

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-300bcd302fcd3e9915b26d333fa3c04318" 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-300bcd302fcd3e9915b26d333fa3c04318" class="collapse collapse-content"><p></p>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-b83e62205b31a360ac7a8e13e679d2eb64" 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-b83e62205b31a360ac7a8e13e679d2eb64" class="collapse collapse-content"><p></p>
    "贴吧":{
        "type": "image",
        "name": "tieba",
        "container":[
          {
            "icon": "1",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_02",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_03",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_04",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_05",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_06",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_07",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_08",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_09",
            "text": "泡泡"
          },
          {
            "icon": "tieba_emotion_10",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_11",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_12",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_13",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_14",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_15",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_16",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_17",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_18",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_19",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_20",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_21",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_22",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_23",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_24",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_25",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_26",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_27",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_28",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_29",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_30",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_31",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_32",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_33",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_34",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_35",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_36",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_37",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_38",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_39",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_40",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_41",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_42",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_43",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_44",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_45",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_46",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_47",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_48",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_49",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_50",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_52",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_53",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_54",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_55",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_56",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_57",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_58",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_59",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_60",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_61",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_62",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_71",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_72",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_73",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_74",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_75",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_76",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_77",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_78",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_79",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_80",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_81",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_82",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_83",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_84",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_85",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_86",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_87",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_88",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_89",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_90",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_91",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_92",
            "text": "泡泡"
          },{
            "icon": "tieba_emotion_93",
            "text": "泡泡"
        }
        ]
      },

## 第三步，修改表情包大小（看个人习惯）
修改文件：`handsome.min.css`
文件路径：`/usr/themes/handsome/assets/css/`

## 更多教程
<div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://blog.1zxbc.cn/archives/134.html" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(https://g.gtimg.cn/music/photo_new/T053XD01003WcumC1axIk7.png);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">对Handsome的友情链接进行小小改动</p>
<div class="inster-summary text-muted">
Handsome主题默认的友情链接展示页面可能过于简单，今天小白菜分享一下友链展示页面的修改方法本篇需要改动文件，...
</div>
</div>
</a>

</div>

</div>

<div class="inner-content" >
<p class="inser-title">handsome主题引入阿里矢量图标库自定义左侧导航栏图标</p>
<div class="inster-summary text-muted">
前言自从购买了handsome，因为官方本身的主题比较简洁，可支持自定义的地方也很多，所以无论是我，还是其他人，都...
</div>
</div>
</a>

</div>

</div>

本文标题：handsome主题添加评论表情包

本文链接：https://blog.1zxbc.cn/archives/149.html

除非另有说明，本作品遵循CC 4.0 BY-SA 版权协议。