通过Docker私有部署Twikoo至服务器（宝塔面板）
前言：
起因是之前将Twikoo部署在Netlify上，由于Netlify的地区限制，导致访问速度缓慢，时常出现加载失败的情况。所以想把Twikoo部署在自己的服务器上，本教程将介绍如何通过Docker部署Twikoo至服务器（宝塔面板）。也当是做个笔记，以防自己忘了。
准备工作
- 服务器：购买服务器，安装宝塔面板（以腾讯云为例），这里默认已将Hexo博客部署到服务器。
操作步骤
安装Docker
- 通过宝塔面板安装Docker，在软件商店搜索
Docker管理器并安装。
- 命令窗口输入以下命令验证是否安装成功。
1
docker -v
部署Twikoo
- 拉取Twikoo镜像。
1
docker pull imaegoo/twikoo - 创建并启动容器。
1
docker run --name twikoo -e TWIKOO_THROTTLE=1000 -p 8080:8080 -v ${PWD}/data:/app/data --restart unless-stopped -d imaegoo/twikoo - 在浏览器输入
http://服务器IP地址:端口号，如果出现下图类似内容表示成功。
可能会出现的情况
Twikoo 的 Docker 版本没有根目录索引页面。
- 错误访问： http://服务器IP:8080 (可能会显示 “Not Found” 或空页面)
- 正确访问： http://服务器IP:8080/ 或进入配置面板。
- 进入管理面板： Twikoo 的管理面板通常集成在前端页面中。如果你是想直接看后端状态，访问 http://服务器IP:8080 看到 “Twikoo is running” 字样即代表后端正常。
- 请确认容器是否真的在运行，而不是启动后立即崩溃了：
1
docker ps -a - 如果 STATUS 显示 Exited (…)，请查看报错日志：
1
docker logs twikoo
如果你使用的是云服务器（如阿里云、腾讯云、AWS），必须在云控制台的安全组中开放 8080 端口。
同时检查服务器内部防火墙：- Ubuntu (UFW):
1
sudo ufw allow 8080/tcp - CentOS (Firewalld):
1
2sudo firewall-cmd --zone=public --add-port=8080/tcp --permanent
sudo firewall-cmd --reload
- 确认端口是否真的由 Docker 在监听：如果看到是
1
netstat -tunlp | grep 8080tcp6或者0.0.0.0:8080且进程名是docker-proxy，说明监听正常。
- 如果 8080 始终有问题，尝试换一个不常用的端口（如 7788）并让 Docker 自动重启：
1
2
3
4
5
6
7docker rm -f twikoo
docker run --name twikoo \
-e TWIKOO_THROTTLE=1000 \
-p 7788:8080 \
-v ${PWD}/data:/app/data \
--restart unless-stopped \
-d imaegoo/twikoo - 然后访问 http://服务器IP:7788。如果看到 “Twikoo is running”，说明后端部署完全成功，剩下的就是前端配置问题了。
前端配置Twikoo
- 以
Butterfly主题为例，打开_config.butterfly.yml主题配置文件，找到评论模块配置选项，选择使用Twikoo。1
2
3
4
5
6
7
8
9
10
11
12
13
14
15comments:
# Up to two comments system, the first will be shown as default
# Leave it empty if you don't need comments
# Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
# Format of two comments system : Disqus,Waline
use: Twikoo
# Display the comment name next to the button
text: true
# Lazyload: The comment system will be load when comment element enters the browser's viewport.
# If you set it to true, the comment count will be invalid
lazyload: false
# Display comment count in post's top_img
count: false
# Display comment count in Home Page
card_post_count: false - 找到Twikoo配置项，修改envID。
1
2
3
4
5
6
7
8# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
envId: http://服务器IP地址:端口号
region:
# Use Twikoo visitor count as the page view count
visitor: false
option: - 到这配置就基本结束了，Ctrl+D 保存，输入
hexo clean && hexo s即可本地预览。
可选配置
将Twikoo部署解析到域名
操作步骤
- 登录云服务器，进入域名解析页面（以腾讯云为例），域名管理 -> 云解析。
- 点击添加记录，记录类型为
A，主机记录为twikoo(这个随意，能记住就行)，记录值填写服务器IP地址。
- 到申请SSL证书的页面，为刚才添加的子域名申请免费SSL证书，然后下载证书文件，以下任意一个都可以。
- 进入宝塔面板，点击左侧
网站，添加站点，按照以下格式填写你自己的域名信息，路径随意。
- 点击刚刚添加的站点，进入站点配置页面，找到
SSL选项，将 刚才下载的证书文件压缩包解压，用记事本打开相应文件，复制并粘贴密钥(KEY)和证书(PEM)， 保存并勾选强制HTTPS。
- 在刚才的站点配置页面，找到
反向代理，点击添加反向代理，代理名称随意，目标URL填写http://127.0.0.1:端口号，确定。
7.打开_config.butterfly.yml主题配置文件，将Twikoo的envId值修改为https://刚才新建的域名。1
2
3
4
5
6
7
8# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
envId: https://刚才新建的域名
region:
# Use Twikoo visitor count as the page view count
visitor: false
option:
- 到这配置就基本结束了，浏览器访问这个域名，如果显示 Twikoo云函数运行正常，保存后即可进行本地预览或推送到服务器。
为Twikoo图片上传添加图床
操作步骤
- 以去不图床为例，登录Twikoo管理后台，点击
配置管理->插件，填写IMAGE_CDN和IMAGE_CDN_TOKEN值。
- 去不图床的
TOKEN在设置中获取。
为Twikoo添加新的表情包
操作步骤
- 通过本地引用的方式，以便随时添加、修改。
- 在source文件夹下创建一个
twikoo.json文件，因为表情包也算图片，我就放在/source/img文件夹下了，示例内容如下：1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389{
"bilibiliHotKey": {
"type": "image",
"container": [
{
"text": "bilibiliHotKey-1",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/1.jpg'>"
},
{
"text": "bilibiliHotKey-2",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/10.jpg'>"
},
{
"text": "bilibiliHotKey-3",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/11.jpg'>"
},
{
"text": "bilibiliHotKey-4",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/12.jpg'>"
},
{
"text": "bilibiliHotKey-5",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/13.jpg'>"
},
{
"text": "bilibiliHotKey-6",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/14.jpg'>"
},
{
"text": "bilibiliHotKey-7",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/15.jpg'>"
},
{
"text": "bilibiliHotKey-8",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/16.jpg'>"
},
{
"text": "bilibiliHotKey-9",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/17.jpg'>"
},
{
"text": "bilibiliHotKey-10",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/18.jpg'>"
},
{
"text": "bilibiliHotKey-11",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/19.jpg'>"
},
{
"text": "bilibiliHotKey-12",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/2.jpg'>"
},
{
"text": "bilibiliHotKey-13",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/20.jpg'>"
},
{
"text": "bilibiliHotKey-14",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/21.jpg'>"
},
{
"text": "bilibiliHotKey-15",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/22.jpg'>"
},
{
"text": "bilibiliHotKey-16",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/23.jpg'>"
},
{
"text": "bilibiliHotKey-17",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/24.jpg'>"
},
{
"text": "bilibiliHotKey-18",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/25.jpg'>"
},
{
"text": "bilibiliHotKey-19",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/26.jpg'>"
},
{
"text": "bilibiliHotKey-20",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/27.jpg'>"
},
{
"text": "bilibiliHotKey-21",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/28.jpg'>"
},
{
"text": "bilibiliHotKey-22",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/29.jpg'>"
},
{
"text": "bilibiliHotKey-23",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/3.jpg'>"
},
{
"text": "bilibiliHotKey-24",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/30.jpg'>"
},
{
"text": "bilibiliHotKey-25",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/31.jpg'>"
},
{
"text": "bilibiliHotKey-26",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/32.jpg'>"
},
{
"text": "bilibiliHotKey-27",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/4.jpg'>"
},
{
"text": "bilibiliHotKey-28",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/5.jpg'>"
},
{
"text": "bilibiliHotKey-29",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/6.jpg'>"
},
{
"text": "bilibiliHotKey-30",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/7.jpg'>"
},
{
"text": "bilibiliHotKey-31",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/8.jpg'>"
},
{
"text": "bilibiliHotKey-32",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/bilibiliHotKey/9.jpg'>"
}
]
},
"Yurui-Neko": {
"type": "image",
"container": [
{
"text": "Yurui-Neko-001",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/001.png'>"
},
{
"text": "Yurui-Neko-002",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/002.png'>"
},
{
"text": "Yurui-Neko-003",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/003.png'>"
},
{
"text": "Yurui-Neko-004",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/004.png'>"
},
{
"text": "Yurui-Neko-005",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/005.png'>"
},
{
"text": "Yurui-Neko-006",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/006.png'>"
},
{
"text": "Yurui-Neko-007",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/007.png'>"
},
{
"text": "Yurui-Neko-008",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/008.png'>"
},
{
"text": "Yurui-Neko-009",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/009.png'>"
},
{
"text": "Yurui-Neko-010",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/010.png'>"
},
{
"text": "Yurui-Neko-011",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/011.png'>"
},
{
"text": "Yurui-Neko-012",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/012.png'>"
},
{
"text": "Yurui-Neko-013",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/013.png'>"
},
{
"text": "Yurui-Neko-014",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/014.png'>"
},
{
"text": "Yurui-Neko-015",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/015.png'>"
},
{
"text": "Yurui-Neko-016",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/016.png'>"
},
{
"text": "Yurui-Neko-017",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/017.png'>"
},
{
"text": "Yurui-Neko-018",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/018.png'>"
},
{
"text": "Yurui-Neko-019",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/019.png'>"
},
{
"text": "Yurui-Neko-020",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/020.png'>"
},
{
"text": "Yurui-Neko-021",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/021.png'>"
},
{
"text": "Yurui-Neko-022",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/022.png'>"
},
{
"text": "Yurui-Neko-023",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/023.png'>"
},
{
"text": "Yurui-Neko-024",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/024.png'>"
},
{
"text": "Yurui-Neko-025",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/025.png'>"
},
{
"text": "Yurui-Neko-026",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/026.png'>"
},
{
"text": "Yurui-Neko-027",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/027.png'>"
},
{
"text": "Yurui-Neko-028",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/028.png'>"
},
{
"text": "Yurui-Neko-029",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/029.png'>"
},
{
"text": "Yurui-Neko-030",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/030.png'>"
},
{
"text": "Yurui-Neko-031",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/031.png'>"
},
{
"text": "Yurui-Neko-032",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/032.png'>"
},
{
"text": "Yurui-Neko-033",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/033.png'>"
},
{
"text": "Yurui-Neko-034",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/034.png'>"
},
{
"text": "Yurui-Neko-035",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/035.png'>"
},
{
"text": "Yurui-Neko-036",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/036.png'>"
},
{
"text": "Yurui-Neko-037",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/037.png'>"
},
{
"text": "Yurui-Neko-038",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/038.png'>"
},
{
"text": "Yurui-Neko-039",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/039.png'>"
},
{
"text": "Yurui-Neko-040",
"icon": "<img src='https://twikoo-magic.oss-cn-hangzhou.aliyuncs.com/Yurui-Neko/040.png'>"
}
]
},
"ikun": {
"type": "image",
"container": [
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e5e6b64d.jpeg'\u003E",
"text": "ikun_1"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e639dba4.jpeg'\u003E",
"text": "ikun_2"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e639e949.jpeg'\u003E",
"text": "ikun_3"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e639deaa.jpeg'\u003E",
"text": "ikun_4"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e647d1ef.jpeg'\u003E",
"text": "ikun_5"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e6485016.jpeg'\u003E",
"text": "ikun_6"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e648b688.jpeg'\u003E",
"text": "ikun_7"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e653b87a.jpeg'\u003E",
"text": "ikun_8"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e654bd56.jpeg'\u003E",
"text": "ikun_9"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e6543a3a.jpeg'\u003E",
"text": "ikun_10"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e65d4694.jpeg'\u003E",
"text": "ikun_11"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e65e2581.jpeg'\u003E",
"text": "ikun_12"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e65f1d85.jpeg'\u003E",
"text": "ikun_13"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e66ac5b0.jpeg'\u003E",
"text": "ikun_14"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e669a667.jpeg'\u003E",
"text": "ikun_15"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e66da563.jpeg'\u003E",
"text": "ikun_16"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e6794055.jpeg'\u003E",
"text": "ikun_17"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e67a54b5.jpeg'\u003E",
"text": "ikun_18"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e679e4eb.jpeg'\u003E",
"text": "ikun_19"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e685a22f.jpeg'\u003E",
"text": "ikun_20"
},
{
"icon": "\u003Cimg src='https://expression.qjqq.cn/1/64da7e6850d05.jpeg'\u003E",
"text": "ikun_21"
}
]
}
} - 保存文件后推送到服务器，将会得到如下地址：
1
2直接在source目录下创建：你的域名/twikoo.json
在source/img/目录下创建：你的域名/img/twikoo.json - 登录Twikoo管理后台，点击
配置管理->插件，填写EMOTION_CDN的值为你刚才得到的地址，保存即可。
- 大功告成，刷新即可查看新的表情包。
相关推荐
2025-12-09
aplayer吸底插件高斯模糊样式及适配深色模式
此教程强制关闭了歌词和歌词按钮，需要歌词的请酌情修改。 修改后样式预览 修改aplayer吸底插件高斯模糊样式并适配深色模式 以Butterfly主题为例,在[Blogroot]\themes\butterfly\source\css\路径下新建_custom文件夹，在此文件夹下新建custom.css，并在主题配置文件inject配置项head处引入,如果已经有了请忽略此步骤。 123inject: head:+ - <link rel="stylesheet" href="/css/_custom/custom.css" media="defer" onload="this.media='all'"> 将以下添加高斯模糊效果的代码粘贴至刚建的custom.css中。 1234567891011121314151617181920212...
2022-05-14
关于博客字体压缩
前言本篇文章所讲的方法需要用到Python环境，并已安装Pip，安装方法这里就不多说了。我使用的Python和Pip版本如下。 教程 新建一个文件夹，放入你准备压缩的字体和字体编码文件（点击下载），如下图。 在该文件夹打开终端，输入以下命令安装fonttools插件。 1pip install fonttools 看到以下内容说明安装成功。 然后输入以下命令，进行字体压缩。1pyftsubset MiSans-Normal.ttf --unicodes-file=sc_unicode.txt 该命令中MiSans-Normal.ttf是目录中待压缩的字体名称，sc_unicode.txt为字符编码。 执行完命令，压缩完成，目录中出现已压缩的字体，可以看到压缩效果还是可以的。 在浏览器中搜索字体格式在线转换，将刚才已经压缩好的字体导入，进行进一步压缩。这里使用Convertio。 压缩好后就是Woff格式的字体了，点击下载即可。下面是我压缩后的一些字体效果。 后话二次压缩那里其实可以使用Google woff2的办法，但需要下载源码，比较麻烦，所以就使...
2026-01-28
右侧菜单栏全局aplayer播放器
将吸底aplayer移至右侧菜单栏并统一样式
2025-12-18
星球大战BB-8加载动画
前言本教程是通过修改源码，替换默认加载动画的形式实现，并非在原有的基础上再添加。如果想要有好几个加载动画，随时可切换的话，可以参考Akilar店长关于Butterfly添加多个加载动画 的教程。 BB-8加载动画预览 教程 修改 [Blogroot]\themes\butterfly\layout\includes\loading\fullpage-loading.pug,复制以下代码替换源文件。12345678910111213141516#loading-box .bb8-loadingWarp .loading-bb8script(async). var preloader = { endLoading: () => { document.body.style.overflow = 'auto'; document.getElementByI...
2025-12-07
Minecraft旋转方块加载动画
前言本教程是通过修改源码，替换默认加载动画的形式实现，并非在原有的基础上再添加。如果想要有好几个加载动画，随时可切换的话，可以参考Akilar店长关于Butterfly添加多个加载动画 的教程。 教程 Minecraft加载动画预览 修改 [Blogroot]\themes\butterfly\layout\includes\loading\fullpage-loading.pug,复制以下代码替换源文件。 1234567891011121314151617181920212223242526#loading-box .loading-container .show-front.animate .loading-front .loading-back .loading-right .loading-left .loading-top .loading-bottom h1 | L...
2025-12-10
css小幽灵系列加载动画
前言本教程是通过修改源码，替换默认加载动画的形式实现，并非在原有的基础上再添加。如果想要有好几个加载动画，随时可切换的话，可以参考Akilar店长关于Butterfly添加多个加载动画 的教程。 更新日志 更新日志 2026.01.19 整体修改新版本butterfly的pug文件 2025.12.14 新增SVG小幽灵加载动画 2025.12.12 新增爱心小幽灵加载动画、发光小幽灵加载动画 2025.12.10 新增带小星星的小幽灵加载动画 教程带星星小幽灵 带星星小幽灵加载动画预览 ...
评论
