惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
人人都是产品经理
人人都是产品经理
Cisco Talos Blog
Cisco Talos Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
V
V2EX
博客园 - 三生石上(FineUI控件)
Martin Fowler
Martin Fowler
WordPress大学
WordPress大学
D
Docker
S
SegmentFault 最新的问题
博客园 - 聂微东
美团技术团队
Apple Machine Learning Research
Apple Machine Learning Research
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Last Week in AI
Last Week in AI
M
MIT News - Artificial intelligence
F
Fortinet All Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
The GitHub Blog
The GitHub Blog
GbyAI
GbyAI
L
LangChain Blog
Vercel News
Vercel News
博客园 - 叶小钗
MongoDB | Blog
MongoDB | Blog
Stack Overflow Blog
Stack Overflow Blog
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
The Cloudflare Blog
Engineering at Meta
Engineering at Meta
T
Threat Research - Cisco Blogs
T
Threatpost
Scott Helme
Scott Helme
T
Tailwind CSS Blog
Latest news
Latest news
Stack Overflow Blog
Stack Overflow Blog
Blog — PlanetScale
Blog — PlanetScale
The Register - Security
The Register - Security
罗磊的独立博客
P
Proofpoint News Feed
腾讯CDC
S
Schneier on Security
雷峰网
雷峰网
A
About on SuperTechFans
T
Tenable Blog
F
Full Disclosure
Cyberwarzone
Cyberwarzone
博客园_首页
有赞技术团队
有赞技术团队
K
Kaspersky official blog

文章列表

Astro框架Fuwari主题侧边栏添加Umami访问统计 为Fuwari框架适配友链状态显示 免费领取网易云音乐7天会员 小米MiMo Token Plan免费送辣! Astro框架Fuwari主题实现仿hexo-abbrlink功能 观《鬼灭之刃:无限城篇 第一章 猗窝座再袭》首映有感 为你anzhiyu主题的Twikoo评论系统恢复预览按钮 山东泰安泰山游记:煌煌泰山景,谦谦君子风 安知鱼主题:修复背景图修改引发的深色模式可读性问题 安知鱼主题实现友链状态前端显示 我敲!优选DNS牛大了 安知鱼主题侧边栏添加无聊湾 从零开始使用Hexo框架搭建属于你的博客(一)环境准备篇 记录下Hexo博客从本地构建迁移到Netlify,AI API Key 泄露问题与解决方案记录 云服务器宝塔部署Twikoo博客评论系统 手把手教你在Linux系统下部署MCSManager并搭建一个MC服务器 记录一次博客评论迁移过程 记一次花嫁联名借记卡申领过程 为使用anzhiyu主题的博客加上十年之约进度条
为你的Twikoo添加酷安表情包
辰渊尘 · 2025-08-21 · via

更新日志

2025/09/09:非常抱歉诸位,才意识到丢错文件夹了,把 json 文件丢到了 js 文件夹,现在已经改过来了,如果引用我的配置文件出现异常的,非常非常非常抱歉!

前言#

咱博客现在也是蒸蒸日上了,主站搭建差不多了,今天来折腾下 Twikoo 自定义表情包

原本是不想多折腾的,随便找个作业抄抄,结果发现居然没有人做酷安的表情包(至少我没找到),只能自己造了。。。

修改#

研究格式#

看了一下,基本格式就是这样:

{

"<name-1>": {

"type": "image",

"container": [

{

"text": "<pic-1>",

"icon": "<img src='https://<url>/<pic-1>'>"

},

..........

{

"text": "aru-n",

"icon": "<img src='https://<url>/<pic-n>'>"

}

]

},

"<name-2>": {

"type": "image",

"container": [

{

"text": "<pic-1>",

"icon": "<img src='https://<url>/<pic-1>'>"

},

..........

{

"text": "aru-n",

"icon": "<img src='https://<url>/<pic-n>'>"

}

]

}

}

嗯。。。十分标准的 json 格式

添加酷安表情包#

找到了这个项目:

GitHub

酷安 emoji 表情包原版 & svg重制版,JS 插件可用于网页

记录打包了酷安所有表情包,但自带的调用已经寄了,于是我把所有图转存到了去不图床

然后借助 gpt 写了个脚本,递归添加链接减轻我的工作量

#!/bin/bash

# 用法: bash gen_json.sh > output.json

input="./link"

count=1

echo '{'

echo ' "酷安": {'

echo ' "type": "image",'

echo ' "container": ['

while IFS= read -r url; do

# 最后一行不要逗号

if [ $count -eq $(wc -l < "$input") ]; then

echo " { \"icon\": \"<img src='$url'>\", \"text\": \"c-$count\" }"

else

echo " { \"icon\": \"<img src='$url'>\", \"text\": \"c-$count\" },"

fi

count=$((count+1))

done < "$input"

echo ' ]'

echo ' }'

echo '}'

使用演示

成果展示#

抄作业#

就不放在这了,太长了,可以直接调用或复制本站的:

https://blog.mcxiaochen.top/json/owo.json

单酷安表情包:

https://blog.mcxiaochen.top/json/owo_coolapk.json

参考资料(排名不分先后)#