B人表情包可以接进博客评论区了
20 个 B人表情现在可以接进你博客的评论区，Twikoo、Waline、Artalk、WordPress 等常见评论系统都写好了配置。
嘚瑟
bren_smug
猥琐笑
bren_smirk
吃瓜
bren_melon
摆烂
bren_lieflat
无语
bren_speechless
暗中观察
bren_peek
你好
bren_hello
OK
bren_ok
收到
bren_received
点赞
bren_like
比心
bren_heart
CC攻击你
bren_cc
友链一下
bren_friendlink
RSS蹲你
bren_rss
更新了速来
bren_updated
装修中，勿催更
bren_wip
主题换了，文章没写
bren_newtheme
403
bren_403
虫洞串门
bren_wormhole
人可以鸽，域名得续
bren_renew
在聊天里用：Telegram 上可以直接添加 B人表情包，微信和 QQ 版正在审核。
在图片上点右键，可以复制单张图片的地址。
接到你的评论区
找到你用的评论系统，点开对应的一项。
Twikoo
打开 Twikoo 管理面板，进入「配置管理 → 插件」，在 EMOTION_CDN 一项填上下面这一行，保存。这一行已经带上 Twikoo 自带的表情；原来填过别的地址的，用英文逗号把它们接在一起。
https://owo.imaegoo.com/owo.json,https://www.foreverblog.cn/stickers/bren/v1/owo.json再把下面这段样式加进博客的自定义 CSS。表情会按 120 像素显示，图上的字才看得清。
.twikoo .tk-owo-emotion[src*="/stickers/bren/"] { width: 120px; }Waline
在 Waline 初始化参数的 emoji 一项里加上下面这个地址，原来的几项留着。用 Hexo、Hugo 主题的，写在主题配置里 Waline 的 emoji 一项。
再把下面这段样式加进博客的自定义 CSS。表情会按 120 像素显示，图上的字才看得清。
.wl-content .wl-emoji[src*="/stickers/bren/"] { height: 120px; width: auto; }Artalk
打开 Artalk 控制中心，进入「设置 → 界面配置 → 表情包」，把地址换成下面这一个，再点顶部的「应用」。它同时带着 Artalk 自带的表情和「十年之约-B人」。
https://www.foreverblog.cn/stickers/bren/v1/artalk.json再把下面这段样式加进博客的自定义 CSS。表情会按 120 像素显示，图上的字才看得清。
img[atk-emoticon][src*="/stickers/bren/"] { max-height: 120px; height: 120px; }Valine
Valine 用了自定义表情，就不再显示自带的表情。把下面两项加进 Valine 的初始化参数。
emojiCDN: "https://www.foreverblog.cn/stickers/bren/v1/",
emojiMaps: {
"bren_smug": "bren_smug.webp",
"bren_smirk": "bren_smirk.webp",
"bren_melon": "bren_melon.webp",
"bren_lieflat": "bren_lieflat.webp",
"bren_speechless": "bren_speechless.webp",
"bren_peek": "bren_peek.webp",
"bren_hello": "bren_hello.webp",
"bren_ok": "bren_ok.webp",
"bren_received": "bren_received.webp",
"bren_like": "bren_like.webp",
"bren_heart": "bren_heart.webp",
"bren_cc": "bren_cc.webp",
"bren_friendlink": "bren_friendlink.webp",
"bren_rss": "bren_rss.webp",
"bren_updated": "bren_updated.webp",
"bren_wip": "bren_wip.webp",
"bren_newtheme": "bren_newtheme.webp",
"bren_403": "bren_403.webp",
"bren_wormhole": "bren_wormhole.webp",
"bren_renew": "bren_renew.webp"
}再把下面这段样式加进博客的自定义 CSS。表情会按 120 像素显示，图上的字才看得清。
.v .vcontent .vemoji[src*="/stickers/bren/"] { height: 120px; max-height: 120px; width: auto; }Discuss
Discuss 用了自定义表情，就不再显示自带的表情。在 Discuss 的初始化参数里加上下面这一项。
emotMaps: {
"十年之约-B人": {
"type": "image",
"items": {
"bren_smug": "https://www.foreverblog.cn/stickers/bren/v1/bren_smug.webp",
"bren_smirk": "https://www.foreverblog.cn/stickers/bren/v1/bren_smirk.webp",
"bren_melon": "https://www.foreverblog.cn/stickers/bren/v1/bren_melon.webp",
"bren_lieflat": "https://www.foreverblog.cn/stickers/bren/v1/bren_lieflat.webp",
"bren_speechless": "https://www.foreverblog.cn/stickers/bren/v1/bren_speechless.webp",
"bren_peek": "https://www.foreverblog.cn/stickers/bren/v1/bren_peek.webp",
"bren_hello": "https://www.foreverblog.cn/stickers/bren/v1/bren_hello.webp",
"bren_ok": "https://www.foreverblog.cn/stickers/bren/v1/bren_ok.webp",
"bren_received": "https://www.foreverblog.cn/stickers/bren/v1/bren_received.webp",
"bren_like": "https://www.foreverblog.cn/stickers/bren/v1/bren_like.webp",
"bren_heart": "https://www.foreverblog.cn/stickers/bren/v1/bren_heart.webp",
"bren_cc": "https://www.foreverblog.cn/stickers/bren/v1/bren_cc.webp",
"bren_friendlink": "https://www.foreverblog.cn/stickers/bren/v1/bren_friendlink.webp",
"bren_rss": "https://www.foreverblog.cn/stickers/bren/v1/bren_rss.webp",
"bren_updated": "https://www.foreverblog.cn/stickers/bren/v1/bren_updated.webp",
"bren_wip": "https://www.foreverblog.cn/stickers/bren/v1/bren_wip.webp",
"bren_newtheme": "https://www.foreverblog.cn/stickers/bren/v1/bren_newtheme.webp",
"bren_403": "https://www.foreverblog.cn/stickers/bren/v1/bren_403.webp",
"bren_wormhole": "https://www.foreverblog.cn/stickers/bren/v1/bren_wormhole.webp",
"bren_renew": "https://www.foreverblog.cn/stickers/bren/v1/bren_renew.webp"
}
}
}Typecho · 自带 OwO 表情的主题
用自带 OwO 表情的主题：把下面这份清单里「十年之约-B人」这一组，合并进主题自己的表情清单（一般是主题目录里的 OwO.json），再照下一项放行图片标签。
https://www.foreverblog.cn/stickers/bren/v1/owo.json<img src="" alt="" width="">Typecho · 原生评论
Typecho 原生评论没有表情面板：先到后台「设置 → 评论」，在「允许使用的 HTML 标签和属性」里加上下面这一行，评论里就能贴图片。
<img src="" alt="" width=""><img src="https://www.foreverblog.cn/stickers/bren/v1/bren_melon.webp" alt="吃瓜" width="120">WordPress · 原生评论
WordPress 原生评论没有表情面板，靠输入代码显示表情：把下面这段代码加进主题的 functions.php，评论里写 :bren_melon: 就会显示「吃瓜」。每张图的代码写在上面图片下方。
add_filter('smilies', function ($smilies) {
return array_merge($smilies, array (
':bren_smug:' => 'bren_smug.webp',
':bren_smirk:' => 'bren_smirk.webp',
':bren_melon:' => 'bren_melon.webp',
':bren_lieflat:' => 'bren_lieflat.webp',
':bren_speechless:' => 'bren_speechless.webp',
':bren_peek:' => 'bren_peek.webp',
':bren_hello:' => 'bren_hello.webp',
':bren_ok:' => 'bren_ok.webp',
':bren_received:' => 'bren_received.webp',
':bren_like:' => 'bren_like.webp',
':bren_heart:' => 'bren_heart.webp',
':bren_cc:' => 'bren_cc.webp',
':bren_friendlink:' => 'bren_friendlink.webp',
':bren_rss:' => 'bren_rss.webp',
':bren_updated:' => 'bren_updated.webp',
':bren_wip:' => 'bren_wip.webp',
':bren_newtheme:' => 'bren_newtheme.webp',
':bren_403:' => 'bren_403.webp',
':bren_wormhole:' => 'bren_wormhole.webp',
':bren_renew:' => 'bren_renew.webp',
));
});
add_filter('smilies_src', function ($url, $image) {
if (strpos($image, 'bren_') === 0) {
return 'https://www.foreverblog.cn/stickers/bren/v1/' . $image;
}
return $url;
}, 10, 2);再把下面这段样式加进博客的自定义 CSS。表情会按 120 像素显示，图上的字才看得清。
img.wp-smiley[src*="/stickers/bren/"] { height: 120px !important; max-height: 120px !important; width: auto !important; }WordPress · Argon 主题
用 Argon 主题的，把下面这段代码加进主题的 functions.php，表情面板里会多出「十年之约-B人」一组。
add_filter('argon_emotion_list', function ($groups) {
$groups[] = array (
'groupname' => '十年之约-B人',
'list' =>
array (
0 =>
array (
'type' => 'sticker',
'code' => 'bren_smug',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_smug.webp',
),
1 =>
array (
'type' => 'sticker',
'code' => 'bren_smirk',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_smirk.webp',
),
2 =>
array (
'type' => 'sticker',
'code' => 'bren_melon',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_melon.webp',
),
3 =>
array (
'type' => 'sticker',
'code' => 'bren_lieflat',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_lieflat.webp',
),
4 =>
array (
'type' => 'sticker',
'code' => 'bren_speechless',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_speechless.webp',
),
5 =>
array (
'type' => 'sticker',
'code' => 'bren_peek',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_peek.webp',
),
6 =>
array (
'type' => 'sticker',
'code' => 'bren_hello',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_hello.webp',
),
7 =>
array (
'type' => 'sticker',
'code' => 'bren_ok',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_ok.webp',
),
8 =>
array (
'type' => 'sticker',
'code' => 'bren_received',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_received.webp',
),
9 =>
array (
'type' => 'sticker',
'code' => 'bren_like',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_like.webp',
),
10 =>
array (
'type' => 'sticker',
'code' => 'bren_heart',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_heart.webp',
),
11 =>
array (
'type' => 'sticker',
'code' => 'bren_cc',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_cc.webp',
),
12 =>
array (
'type' => 'sticker',
'code' => 'bren_friendlink',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_friendlink.webp',
),
13 =>
array (
'type' => 'sticker',
'code' => 'bren_rss',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_rss.webp',
),
14 =>
array (
'type' => 'sticker',
'code' => 'bren_updated',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_updated.webp',
),
15 =>
array (
'type' => 'sticker',
'code' => 'bren_wip',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_wip.webp',
),
16 =>
array (
'type' => 'sticker',
'code' => 'bren_newtheme',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_newtheme.webp',
),
17 =>
array (
'type' => 'sticker',
'code' => 'bren_403',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_403.webp',
),
18 =>
array (
'type' => 'sticker',
'code' => 'bren_wormhole',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_wormhole.webp',
),
19 =>
array (
'type' => 'sticker',
'code' => 'bren_renew',
'src' => 'https://www.foreverblog.cn/stickers/bren/v1/bren_renew.webp',
),
),
);
return $groups;
});WordPress · Sakurairo 主题
用 Sakurairo 主题的，把上面的表情图逐张另存下来，放进 wp-content/uploads 下新建的一个文件夹（例如 bren）。再到主题设置的「评论区域表情」里选上「自定义表情包」，在「自定义表情包路径」填 /bren，然后点这一项说明里的链接，更新表情列表。
只能贴图片的（Halo、Giscus、Gitalk、Utterances、Remark42、Isso、Emlog）
这些评论系统没有表情面板，但评论里能贴图片：复制图片地址，按下面的写法贴进评论。
[img]https://www.foreverblog.cn/stickers/bren/v1/bren_melon.webp[/img]Cusdis、Commento 和 Z-Blog 的评论里显示不了图片；Disqus 没查到加自定义表情的办法。
这些配置也一直放在关于页「B人表情包」一节，以后随时能找到。
表情版权归「一稿计划」所有。可以免费用在博客评论区和聊天里；不能商用，也不接受二次创作。其他用途请写信到 foreverblog@email.cn。
评论
还没有评论，写下第一条吧。