MENU

为 Typecho 添加 B 站蛆音娘表情

2019 年 07 月 01 日 • 阅读: 9405 • 博客

左岸大佬扒下来的 B 站蛆音娘表情包，添加后在评论区和文章中都能使用。quyin maimeng

素材上传

将 表情包素材 解压后上传至主题表情包目录。本主题 上传至 Typecho 根目录/usr/themes/Mirages/usr/biaoqing/。Handsome 主题上传至 Typecho 根目录/usr/themes/handsome/usr/img/emotion/。

配置编辑

将以下代码插入到表情包配置文件中，顺序按照喜好调整。本主题 的文件位置为 Typecho 根目录/usr/themes/Mirages/usr/biaoqing/OwO.json。Handsome 的文件位置为 Typecho 根目录/usr/themes/handsome/usr/OwO.json。

配置详情 

  • "蛆音娘": {

  •     "type": "usr",

  •     "name": "quyin",

  •     "suffix": ".png",

  •     "retinaSuffix": ".png",

  •     "imgClass": "quyin",

  •     "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": "机智"

  •         }

  •     ]

  • }

修改后的配置像这样

效果

调整大小

因为素材尺寸较大，可以使用 CSS 控制一下。对于 本主题，依次进入 控制台 - 外观 - 设置外观 - 主题自定义扩展，将代码加入到 自定义 HTML 元素拓展 - 标签: head 头部 (meta 元素后)。

其他主题，加入到主题对应的 header.php 中的 </head> 标签结束前。

  • <style>

  • img.biaoqing.quyin {

  •     margin-bottom: -.3125rem;

  •     min-height: 3.25rem;

  •     height: 1em;

  • }

  • </style>

  • <style>

  • .emotion-quyin {

  •     width: 66px;

  • }

  • </style>

本文转载自 左岸博客

如有问题请在下方留言，文章转载请注明出处，详细交流请加下方群组！请大佬不要屏蔽文中广告，因为它将帮我分担服务器开支，如果能帮忙点击我将万分感谢。

TG 大佬群 QQ 大佬群

Typecho
最后编辑于: 2020 年 01 月 19 日
返回文章列表 文章二维码
本页链接的二维码
打赏二维码
添加新评论

Loading captcha...

  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • （╯‵□′）╯︵┴─┴
  • ￣﹃￣
  • (/ω＼)
  • ∠( ᐛ 」∠)＿
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ｀)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ(￣∇￣o)
  • ヾ(´･ ･｀｡)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò｡)
  • Σ(っ °Д °;)っ
  • ( ,,´･ω･)ﾉ"(´っω･｀｡)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • ＞﹏＜
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • (｡•ˇ‸ˇ•｡)
  • 泡泡
  • 阿鲁
  • 蛆音娘
  • 小埋
  • 颜文字

已有 6 条评论
  1. LOGI LOGI

    强调几点：（该留言由系统自动生成！）
    1. 请不要刷广告，本站没有流量！
    2. 我不回复虚假邮箱，因为回复了你也看不到！
    3. 存在必须回复的隐藏内容时，可以直接使用表情框里的阿鲁表情！

  1. 从 从   GNU/Linux x64  Google Chrome 107.0.0.0
    回复

    quyin doubt
    测试一下

  2. APCBC APCBC   Windows 10 x64 Edition  Google Chrome 107.0.0.0
    回复

    我的天，这篇文章帮了我这个小菜鸡大忙了，谢谢！(ฅ´ω`ฅ)

    1. LOGI LOGI   Windows 10 x64 Edition  Google Chrome 107.0.0.0
      回复

      @APCBC 哈哈，未来可期

  3. mzrme mzrme   GNU/Linux x64  Google Chrome 81.0.4029.4
    回复

    位置改了，现在的位置在哪上传

  4. 半世迷离 半世迷离   Windows 10 x64 Edition  Google Chrome 63.0.3239.132
    回复

    大佬，调整大小的代码好像错了，我换成这个就行了：

    img.biaoqing.quyin { margin-bottom: -.3125rem; min-height: 3.25rem; height: 1em; }

    1. LOGI LOGI   Windows 10 x64 Edition  Google Chrome 79.0.3945.130
      回复

      @半世迷离好吧，当时没认真看，抄错了quyin maimeng