主题修改记录

二零二五年

二月一日

Hexo 主题封面大改造：从失效链接到宫崎骏风 AI 图

这篇主题修改的文章好多年不打开了（其实大部分博客都不怎么重新修正，反正是写给自己的），年久失修，许多封面图片链接失效，只剩破碎图标。为重塑博客风采，假借藏书之家，拜谢AI大人，统一更换封面（全用本地图片改起来还好，但终归让人头秃）

二零二二年

六月十一日

Hexo Butterfly主题整体结构解析

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
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
Hexo Butterfly主题整体结构解析
themes/butterfly/
├── _config.yml
│   // 主题的全局配置文件，用于设置主题的基本选项。
│   // 可以修改，修改后会影响主题的全局行为，比如站点标题、菜单、SEO 等。
├── .gitignore
│   // Git 忽略文件配置，用于指定哪些文件或文件夹不被 Git 版本控制。
│   // 一般不需要修改，除非需要添加或移除忽略的文件。
├── _config.butterfly.yml
│   // Butterfly 主题的专属配置文件，用于设置主题的高级选项。
│   // 可以修改，修改后会影响主题的特定功能，比如评论系统、搜索、广告等。
├── package.json
│   // 项目依赖和元数据文件，用于管理主题的 Node.js 依赖。
│   // 一般不需要修改，除非需要添加或更新依赖。
├── plugins.yml
│   // 插件配置文件，用于管理主题的插件。
│   // 可以修改，修改后会影响插件的加载和功能。
├── .github/
│   ├── ISSUE_TEMPLATE/
│   │   ├── bug_report.yml
│   │   // GitHub 仓库的 Bug 报告模板。
│   │   // 一般不需要修改，除非需要自定义 Bug 报告格式。
│   │   ├── config.yml 
│   │   // GitHub 仓库的配置文件。
│   │   // 一般不需要修改。
│   │   ├── feature_request.yml
│   │   // GitHub 仓库的功能请求模板。
│   │   // 一般不需要修改。
│   ├── workflows/
│   │   ├── publish.yml
│   │   // GitHub Actions 的发布工作流。
│   │   // 一般不需要修改。
│   │   ├── stale.yml
│   │   // GitHub Actions 的过期工作流。
│   │   // 一般不需要修改。
│   ├── FUNDING.yml
│   // GitHub 仓库的资助配置文件。
│   // 一般不需要修改。
├── languages/
│   // 语言文件夹，用于存储多语言支持的文件。
│   // 可以修改，修改后会影响主题的多语言显示。
├── layout/
│   // 布局文件夹，用于存储主题的模板文件。
│   ├── includes/
│   │   // 包含文件夹，用于存储可复用的模板组件。
│   │   ├── head/
│   │   │   // 头部相关模板。
│   │   │   ├── analytics.pug
│   │   │   // 分析工具模板。
│   │   │   // 可以修改，修改后会影响分析工具的加载。
│   │   │   ├── config_site.pug
│   │   │   // 站点配置模板。
│   │   │   // 可以修改，修改后会影响站点配置的显示。
│   │   │   ├── config.pug
│   │   │   // 配置模板。
│   │   │   // 可以修改，修改后会影响配置的显示。
│   │   │   ├── google_adsense.pug
│   │   │   // Google AdSense 模板。
│   │   │   // 可以修改，修改后会影响 AdSense 广告的显示。
│   │   │   ├── Open_Graph.pug
│   │   │   // Open Graph 模板，用于社交媒体分享。
│   │   │   // 可以修改，修改后会影响分享卡片的显示。
│   │   │   ├── preconnect.pug
│   │   │   // 预连接模板。
│   │   │   // 可以修改，修改后会影响资源预加载。
│   │   │   ├── pwa.pug
│   │   │   // PWA 模板。
│   │   │   // 可以修改，修改后会影响 PWA 功能。
│   │   │   ├── site_verification.pug
│   │   │   // 站点验证模板。
│   │   │   // 可以修改，修改后会影响站点验证。
│   │   │   ├── structured_data.pug
│   │   │   // 结构化数据模板。
│   │   │   // 可以修改，修改后会影响 SEO 结构化数据。
│   │   ├── header/
│   │   │   // 头部相关模板。
│   │   │   ├── index.pug
│   │   │   // 头部主模板。
│   │   │   // 可以修改，修改后会影响头部的显示。
│   │   │   ├── menu_item.pug
│   │   │   // 菜单项模板。
│   │   │   // 可以修改，修改后会影响菜单项的显示。
│   │   │   ├── nav.pug
│   │   │   // 导航栏模板。
│   │   │   // 可以修改，修改后会影响导航栏的显示。
│   │   │   ├── post-info.pug
│   │   │   // 文章信息模板。
│   │   │   // 可以修改，修改后会影响文章信息的显示。
│   │   │   ├── social.pug
│   │   │   // 社交链接模板。
│   │   │   // 可以修改，修改后会影响社交链接的显示。
│   │   ├── loading/
│   │   │   // 加载相关模板。
│   │   │   ├── fullpage-loading.pug
│   │   │   // 全页面加载模板。
│   │   │   // 可以修改，修改后会影响全页面加载效果。
│   │   │   ├── index.pug
│   │   │   // 加载主模板。
│   │   │   // 可以修改，修改后会影响加载效果。
│   │   │   ├── pace.pug
│   │   │   // Pace 加载动画模板。
│   │   │   // 可以修改，修改后会影响加载动画效果。
│   │   ├── mixins/
│   │   │   // 混合模板，用于复用代码。
│   │   │   ├── article-sort.pug
│   │   │   // 文章排序模板。
│   │   │   // 可以修改，修改后会影响文章排序。
│   │   │   ├── indexPostUl.pug
│   │   │   // 文章列表模板。
│   │   │   // 可以修改，修改后会影响文章列表的显示。
│   │   ├── page/
│   │   │   // 页面相关模板。
│   │   │   ├── 404.pug
│   │   │   // 404 页面模板。
│   │   │   // 可以修改，修改后会影响 404 页面的显示。
│   │   │   ├── categories.pug
│   │   │   // 分类页面模板。
│   │   │   // 可以修改，修改后会影响分类页面的显示。
│   │   │   ├── default-page.pug
│   │   │   // 默认页面模板。
│   │   │   // 可以修改，修改后会影响默认页面的显示。
│   │   │   ├── flink.pug
│   │   │   // 友链页面模板。
│   │   │   // 可以修改，修改后会影响友链页面的显示。
│   │   │   ├── shuoshuo.pug
│   │   │   // 说说页面模板。
│   │   │   // 可以修改，修改后会影响说说页面的显示。
│   │   │   ├── tags.pug
│   │   │   // 标签页面模板。
│   │   │   // 可以修改，修改后会影响标签页面的显示。
│   │   ├── post/
│   │   │   // 文章相关模板。
│   │   │   ├── outdate-notice.pug
│   │   │   // 过期文章通知模板。
│   │   │   // 可以修改，修改后会影响过期文章的显示。
│   │   │   ├── post-copyright.pug
│   │   │   // 文章版权模板。
│   │   │   // 可以修改，修改后会影响文章版权的显示。
│   │   │   ├── reward.pug
│   │   │   // 打赏模板。
│   │   │   // 可以修改，修改后会影响打赏功能的显示。
│   │   ├── third-party/
│   │   │   // 第三方服务模板。
│   │   │   ├── abcjs/
│   │   │   │   ├── abcjs.pug
│   │   │   │   // ABCJS 模板。
│   │   │   │   // 可以修改，修改后会影响 ABCJS 的显示。
│   │   │   │   ├── index.pug
│   │   │   │   // ABCJS 主模板。
│   │   │   │   // 可以修改，修改后会影响 ABCJS 的显示。
│   │   │   ├── card-post-count/
│   │   │   │   ├── artalk.pug
│   │   │   │   // Artalk 评论计数模板。
│   │   │   │   // 可以修改，修改后会影响 Artalk 评论计数的显示。
│   │   │   │   ├── disqus.pug
│   │   │   │   // Disqus 评论计数模板。
│   │   │   │   // 可以修改，修改后会影响 Disqus 评论计数的显示。
│   │   │   │   ├── fb.pug
│   │   │   │   // Facebook 评论计数模板。
│   │   │   │   // 可以修改，修改后会影响 Facebook 评论计数的显示。
│   │   │   │   ├── index.pug
│   │   │   │   // 评论计数主模板。
│   │   │   │   // 可以修改，修改后会影响评论计数的显示。
│   │   │   │   ├── remark42.pug
│   │   │   │   // Remark42 评论计数模板。
│   │   │   │   // 可以修改，修改后会影响 Remark42 评论计数的显示。
│   │   │   │   ├── twikoo.pug
│   │   │   │   // Twikoo 评论计数模板。
│   │   │   │   // 可以修改，修改后会影响 Twikoo 评论计数的显示。
│   │   │   │   ├── valine.pug
│   │   │   │   // Valine 评论计数模板。
│   │   │   │   // 可以修改，修改后会影响 Valine 评论计数的显示。
│   │   │   │   ├── waline.pug
│   │   │   │   // Waline 评论计数模板。
│   │   │   │   // 可以修改，修改后会影响 Waline 评论计数的显示。
│   │   │   ├── chat/
│   │   │   │   ├── chatra.pug
│   │   │   │   // Chatra 聊天模板。
│   │   │   │   // 可以修改，修改后会影响 Chatra 聊天功能的显示。
│   │   │   │   ├── crisp.pug
│   │   │   │   // Crisp 聊天模板。
│   │   │   │   // 可以修改，修改后会影响 Crisp 聊天功能的显示。
│   │   │   │   ├── index.pug
│   │   │   │   // 聊天主模板。
│   │   │   │   // 可以修改，修改后会影响聊天功能的显示。
│   │   │   │   ├── tidio.pug
│   │   │   │   // Tidio 聊天模板。
│   │   │   │   // 可以修改，修改后会影响 Tidio 聊天功能的显示。
│   │   │   ├── comments/
│   │   │   │   ├── artalk.pug
│   │   │   │   // Artalk 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Artalk 评论的显示。
│   │   │   │   ├── disqus.pug
│   │   │   │   // Disqus 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Disqus 评论的显示。
│   │   │   │   ├── disqusjs.pug
│   │   │   │   // Disqus.js 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Disqus.js 评论的显示。
│   │   │   │   ├── facebook_comments.pug
│   │   │   │   // Facebook 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Facebook 评论的显示。
│   │   │   │   ├── giscus.pug
│   │   │   │   // Giscus 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Giscus 评论的显示。
│   │   │   │   ├── gitalk.pug
│   │   │   │   // Gitalk 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Gitalk 评论的显示。
│   │   │   │   ├── index.pug
│   │   │   │   // 评论主模板。
│   │   │   │   // 可以修改，修改后会影响评论功能的显示。
│   │   │   │   ├── js.pug
│   │   │   │   // 评论 JS 模板。
│   │   │   │   // 可以修改，修改后会影响评论功能的 JS 加载。
│   │   │   │   ├── livere.pug
│   │   │   │   // Livere 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Livere 评论的显示。
│   │   │   │   ├── remark42.pug
│   │   │   │   // Remark42 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Remark42 评论的显示。
│   │   │   │   ├── twikoo.pug
│   │   │   │   // Twikoo 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Twikoo 评论的显示。
│   │   │   │   ├── utterances.pug
│   │   │   │   // Utterances 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Utterances 评论的显示。
│   │   │   │   ├── valine.pug
│   │   │   │   // Valine 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Valine 评论的显示。
│   │   │   │   ├── waline.pug
│   │   │   │   // Waline 评论模板。
│   │   │   │   // 可以修改，修改后会影响 Waline 评论的显示。
│   │   │   ├── math/
│   │   │   │   ├── chartjs.pug
│   │   │   │   // Chart.js 模板。
│   │   │   │   // 可以修改，修改后会影响 Chart.js 的显示。
│   │   │   │   ├── index.pug
│   │   │   │   // 数学公式主模板。
│   │   │   │   // 可以修改，修改后会影响数学公式的显示。
│   │   │   │   ├── katex.pug
│   │   │   │   // KaTeX 模板。
│   │   │   │   // 可以修改，修改后会影响 KaTeX 的显示。
│   │   │   │   ├── mathjax.pug
│   │   │   │   // MathJax 模板。
│   │   │   │   // 可以修改，修改后会影响 MathJax 的显示。
│   │   │   │   ├── mermaid.pug
│   │   │   │   // Mermaid 模板。
│   │   │   │   // 可以修改，修改后会影响 Mermaid 的显示。
│   │   │   ├── newest-comments/
│   │   │   │   ├── artalk.pug
│   │   │   │   // Artalk 最新评论模板。
│   │   │   │   // 可以修改，修改后会影响 Artalk 最新评论的显示。
│   │   │   │   ├── common.pug
│   │   │   │   // 最新评论公共模板。
│   │   │   │   // 可以修改，修改后会影响最新评论的显示。
│   │   │   │   ├── disqus-comment.pug
│   │   │   │   // Disqus 最新评论模板。
│   │   │   │   // 可以修改，修改后会影响 Disqus 最新评论的显示。
│   │   │   │   ├── github-issues.pug
│   │   │   │   // GitHub Issues 最新评论模板。
│   │   │   │   // 可以修改，修改后会影响 GitHub Issues 最新评论的显示。
│   │   │   │   ├── index.pug
│   │   │   │   // 最新评论主模板。
│   │   │   │   // 可以修改，修改后会影响最新评论的显示。
│   │   │   │   ├── remark42.pug
│   │   │   │   // Remark42 最新评论模板。
│   │   │   │   // 可以修改，修改后会影响 Remark42 最新评论的显示。
│   │   │   │   ├── twikoo-comment.pug
│   │   │   │   // Twikoo 最新评论模板。
│   │   │   │   // 可以修改，修改后会影响 Twikoo 最新评论的显示。
│   │   │   │   ├── valine.pug
│   │   │   │   // Valine 最新评论模板。
│   │   │   │   // 可以修改，修改后会影响 Valine 最新评论的显示。
│   │   │   │   ├── waline.pug
│   │   │   │   // Waline 最新评论模板。
│   │   │   │   // 可以修改，修改后会影响 Waline 最新评论的显示。
│   │   │   ├── search/
│   │   │   │   ├── algolia.pug
│   │   │   │   // Algolia 搜索功能模板。
│   │   │   │   // 可以修改，修改后会影响 Algolia 搜索功能的显示。
│   │   │   │   ├── docsearch.pug
│   │   │   │   // DocSearch 搜索结果模板。
│   │   │   │   // 可以修改，修改后会影响 DocSearch 搜索结果的显示。
│   │   │   │   ├── index.pug
│   │   │   │   // 搜索功能主模板。
│   │   │   │   // 可以修改，修改后会影响搜索功能的显示。
│   │   │   │   ├── local-search.pug
│   │   │   │   // 本地搜索模板。
│   │   │   │   // 可以修改，修改后会影响本地搜索的显示。
│   │   │   ├── share/
│   │   │   │   ├── addtoany.pug
│   │   │   │   // AddToAny 分享模板。
│   │   │   │   // 可以修改，修改后会影响 AddToAny 分享的显示。
│   │   │   │   ├── index.pug
│   │   │   │   // 分享主模板。
│   │   │   │   // 可以修改，修改后会影响分享功能的显示。
│   │   │   │   ├── share-js.pug
│   │   │   │   // 分享 JS 模板。
│   │   │   │   // 可以修改，修改后会影响分享功能的 JS 加载。
│   │   │   ├── aplayer.pug
│   │   │   // APlayer 音乐播放器模板。
│   │   │   // 可以修改，修改后会影响 APlayer 的显示。
│   │   │   ├── effect.pug
│   │   │   // 特效模板。
│   │   │   // 可以修改，修改后会影响特效的显示。
│   │   │   ├── pjax.pug
│   │   │   // PJAX 模板。
│   │   │   // 可以修改，修改后会影响 PJAX 功能的显示。
│   │   │   ├── prismjs.pug
│   │   │   // Prism.js 代码高亮模板。
│   │   │   // 可以修改，修改后会影响 Prism.js 的显示。
│   │   │   ├── subtitle.pug
│   │   │   // 副标题模板。
│   │   │   // 可以修改，修改后会影响副标题的显示。
│   │   │   ├── umami_analytics.pug
│   │   │   // Umami 分析模板。
│   │   │   // 可以修改，修改后会影响 Umami 分析的显示。
│   │   ├── widget/
│   │   │   // 小部件模板。
│   │   │   ├── card_ad.pug
│   │   │   // 广告卡片模板。
│   │   │   // 可以修改，修改后会影响广告卡片的显示。
│   │   │   ├── card_announcement.pug
│   │   │   // 公告卡片模板。
│   │   │   // 可以修改，修改后会影响公告卡片的显示。
│   │   │   ├── card_archives.pug
│   │   │   // 归档卡片模板。
│   │   │   // 可以修改，修改后会影响归档卡片的显示。
│   │   │   ├── card_author.pug
│   │   │   // 作者卡片模板。
│   │   │   // 可以修改，修改后会影响作者卡片的显示。
│   │   │   ├── card_bottom_self.pug
│   │   │   // 底部自定义卡片模板。
│   │   │   // 可以修改，修改后会影响底部自定义卡片的显示。
│   │   │   ├── card_categories.pug
│   │   │   // 分类卡片模板。
│   │   │   // 可以修改，修改后会影响分类卡片的显示。
│   │   │   ├── card_newest_comment.pug
│   │   │   // 最新评论卡片模板。
│   │   │   // 可以修改，修改后会影响最新评论卡片的显示。
│   │   │   ├── card_post_series.pug
│   │   │   // 文章系列卡片模板。
│   │   │   // 可以修改，修改后会影响文章系列卡片的显示。
│   │   │   ├── card_post_toc.pug
│   │   │   // 文章目录卡片模板。
│   │   │   // 可以修改，修改后会影响文章目录卡片的显示。
│   │   │   ├── card_recent_post.pug
│   │   │   // 最近文章卡片模板。
│   │   │   // 可以修改，修改后会影响最近文章卡片的显示。
│   │   │   ├── card_tags.pug
│   │   │   // 标签卡片模板。
│   │   │   // 可以修改，修改后会影响标签卡片的显示。
│   │   │   ├── card_top_self.pug
│   │   │   // 顶部自定义卡片模板。
│   │   │   // 可以修改，修改后会影响顶部自定义卡片的显示。
│   │   │   ├── card_webinfo.pug
│   │   │   // 网站信息卡片模板。
│   │   │   // 可以修改，修改后会影响网站信息卡片的显示。
│   │   │   ├── index.pug
│   │   │   // 小部件主模板。
│   │   │   // 可以修改，修改后会影响小部件的显示。
│   │   ├── additional-js.pug
│   │   // 额外 JS 模板。
│   │   // 可以修改，修改后会影响额外 JS 的加载。
│   │   ├── footer.pug
│   │   // 页脚模板。
│   │   // 可以修改，修改后会影响页脚的显示。
│   │   ├── head.pug
│   │   // 头部主模板。
│   │   // 可以修改，修改后会影响头部的显示。
│   │   ├── layout.pug
│   │   // 布局主模板。
│   │   // 可以修改，修改后会影响整体布局。
│   │   ├── pagination.pug
│   │   // 分页模板。
│   │   // 可以修改，修改后会影响分页的显示。
│   │   ├── rightside.pug
│   │   // 右侧边栏模板。
│   │   // 可以修改，修改后会影响右侧边栏的显示。
│   │   ├── sidebar.pug
│   │   // 侧边栏模板。
│   │   // 可以修改，修改后会影响侧边栏的显示。
│   ├── archive.pug
│   // 归档页面模板。
│   // 可以修改，修改后会影响归档页面的显示。
│   ├── category.pug
│   // 分类页面模板。
│   // 可以修改，修改后会影响分类页面的显示。
│   ├── index.pug
│   // 首页模板。
│   // 可以修改，修改后会影响首页的显示。
│   ├── page.pug
│   // 页面模板。
│   // 可以修改，修改后会影响页面的显示。
│   ├── post.pug
│   // 文章页面模板。
│   // 可以修改，修改后会影响文章页面的显示。
│   ├── tag.pug
│   // 标签页面模板。
│   // 可以修改，修改后会影响标签页面的显示。
├── scripts/
│   // 脚本文件夹，用于存储主题的 JavaScript 文件。
│   ├── common/
│   │   ├── postDesc.js
│   │   // 文章描述脚本。
│   │   // 可以修改，修改后会影响文章描述的显示。
│   ├── events/
│   │   ├── 404.js
│   │   // 404 页面事件脚本。
│   │   // 可以修改，修改后会影响 404 页面的交互。
│   │   ├── cdn.js
│   │   // CDN 脚本。
│   │   // 可以修改，修改后会影响 CDN 的加载。
│   │   ├── comment.js
│   │   // 评论事件脚本。
│   │   // 可以修改，修改后会影响评论功能的交互。
│   │   ├── init.js
│   │   // 初始化脚本。
│   │   // 可以修改，修改后会影响主题的初始化过程。
│   │   ├── merge_config.js
│   │   // 配置合并脚本。
│   │   // 可以修改，修改后会影响配置的合并逻辑。
│   │   ├── stylus.js
│   │   // Stylus 脚本。
│   │   // 可以修改，修改后会影响 Stylus 的加载。
│   │   ├── welcome.js
│   │   // 欢迎脚本。
│   │   // 可以修改，修改后会影响欢迎功能的交互。
│   ├── filters/
│   │   ├── post_lazyload.js
│   │   // 文章懒加载脚本。
│   │   // 可以修改，修改后会影响文章懒加载的功能。
│   │   ├── random_cover.js
│   │   // 随机封面脚本。
│   │   // 可以修改，修改后会影响随机封面的显示。
│   ├── helpers/
│   │   ├── aside_archives.js
│   │   // 侧边栏归档助手脚本。
│   │   // 可以修改，修改后会影响侧边栏归档的显示。
│   │   ├── aside_categories.js
│   │   // 侧边栏分类助手脚本。
│   │   // 可以修改，修改后会影响侧边栏分类的显示。
│   │   ├── getArchivelength.js
│   │   // 获取归档长度脚本。
│   │   // 可以修改，修改后会影响归档长度的计算。
│   │   ├── inject_head_js.js
│   │   // 注入头部 JS 脚本。
│   │   // 可以修改，修改后会影响头部 JS 的加载。
│   │   ├── page.js
│   │   // 页面助手脚本。
│   │   // 可以修改，修改后会影响页面功能的交互。
│   │   ├── related_post.js
│   │   // 相关文章助手脚本。
│   │   // 可以修改，修改后会影响相关文章的显示。
│   │   ├── series.js
│   │   // 系列助手脚本。
│   │   // 可以修改，修改后会影响系列文章的显示。
│   ├── tag/
│   │   ├── button.js
│   │   // 按钮脚本。
│   │   // 可以修改，修改后会影响按钮的交互。
│   │   ├── chartjsjs
│   │   // Chart.js 脚本。
│   │   // 可以修改，修改后会影响 Chart.js 的功能。
│   │   ├── flink.js
│   │   // 友链脚本。
│   │   // 可以修改，修改后会影响友链的显示。
│   │   ├── gallery.js
│   │   // 图库脚本。
│   │   // 可以修改，修改后会影响图库的显示。
│   │   ├── hide.js
│   │   // 隐藏脚本。
│   │   // 可以修改，修改后会影响隐藏功能的交互。
│   │   ├── inlinelmg.js
│   │   // 内联图片脚本。
│   │   // 可以修改，修改后会影响内联图片的显示。
│   │   ├── label.js
│   │   // 标签脚本。
│   │   // 可以修改，修改后会影响标签的显示。
│   │   ├── mermaid.js
│   │   // Mermaid 脚本。
│   │   // 可以修改，修改后会影响 Mermaid 的功能。
│   │   ├── note.js
│   │   // 笔记脚本。
│   │   // 可以修改，修改后会影响笔记的显示。
│   │   ├── score.js
│   │   // 评分脚本。
│   │   // 可以修改，修改后会影响评分功能的显示。
│   │   ├── series.js
│   │   // 系列脚本。
│   │   // 可以修改，修改后会影响系列文章的显示。
│   │   ├── tabs.js
│   │   // 标签页脚本。
│   │   // 可以修改，修改后会影响标签页的交互。
│   │   ├── timeline.js
│   │   // 时间线脚本。
│   │   // 可以修改，修改后会影响时间线的显示。
├── source/
│   // 静态资源文件夹，用于存储主题的 CSS、JS 和图片文件。
│   ├── css/
│   │   // CSS 文件夹，用于存储主题的样式文件。
│   │   ├── _global/
│   │   │   ├── function.styl
│   │   │   // 全局函数样式。
│   │   │   // 可以修改，修改后会影响全局样式的功能。
│   │   │   ├── index.styl
│   │   │   // 全局主样式。
│   │   │   // 可以修改，修改后会影响全局样式的显示。
│   │   ├── _highlight/
│   │   │   // 代码高亮样式。
│   │   │   ├── highlight/
│   │   │   │   ├── diff.styl
│   │   │   │   // Diff 代码高亮样式。
│   │   │   │   // 可以修改，修改后会影响 Diff 代码的显示。
│   │   │   │   ├── index.styl
│   │   │   │   // 代码高亮主样式。
│   │   │   │   // 可以修改，修改后会影响代码高亮的显示。
│   │   │   ├── prismjs/
│   │   │   │   ├── diff.styl
│   │   │   │   // Prism.js Diff 样式。
│   │   │   │   // 可以修改，修改后会影响 Prism.js Diff 代码的显示。
│   │   │   │   ├── index.styl
│   │   │   │   // Prism.js 主样式。
│   │   │   │   // 可以修改，修改后会影响 Prism.js 的显示。
│   │   │   │   ├── line-number.styl
│   │   │   │   // Prism.js 行号样式。
│   │   │   │   // 可以修改，修改后会影响 Prism.js 行号的显示。
│   │   │   ├── highlight.styl
│   │   │   // 代码高亮样式。
│   │   │   // 可以修改，修改后会影响代码高亮的显示。
│   │   │   ├── theme.styl
│   │   │   // 代码高亮主题样式。
│   │   │   // 可以修改，修改后会影响代码高亮主题的显示。
│   │   ├── _layout/
│   │   │   // 布局样式。
│   │   │   ├── aside.styl
│   │   │   // 侧边栏样式。
│   │   │   // 可以修改，修改后会影响侧边栏的显示。
│   │   │   ├── chat.styl
│   │   │   // 聊天样式。
│   │   │   // 可以修改，修改后会影响聊天功能的显示。
│   │   │   ├── comments.styl
│   │   │   // 评论样式。
│   │   │   // 可以修改，修改后会影响评论功能的显示。
│   │   │   ├── footer.styl
│   │   │   // 页脚样式。
│   │   │   // 可以修改，修改后会影响页脚的显示。
│   │   │   ├── head.styl
│   │   │   // 头部样式。
│   │   │   // 可以修改，修改后会影响头部的显示。
│   │   │   ├── loading.styl
│   │   │   // 加载样式。
│   │   │   // 可以修改，修改后会影响加载效果的显示。
│   │   │   ├── pagination.styl
│   │   │   // 分页样式。
│   │   │   // 可以修改，修改后会影响分页的显示。
│   │   │   ├── post.styl
│   │   │   // 文章样式。
│   │   │   // 可以修改，修改后会影响文章的显示。
│   │   │   ├── relatedposts.styl
│   │   │   // 相关文章样式。
│   │   │   // 可以修改，修改后会影响相关文章的显示。
│   │   │   ├── reward.styl
│   │   │   // 打赏样式。
│   │   │   // 可以修改，修改后会影响打赏功能的显示。
│   │   │   ├── rightside.styl
│   │   │   // 右侧边栏样式。
│   │   │   // 可以修改，修改后会影响右侧边栏的显示。
│   │   │   ├── sidebar.styl
│   │   │   // 侧边栏样式。
│   │   │   // 可以修改，修改后会影响侧边栏的显示。
│   │   │   ├── third-party.styl
│   │   │   // 第三方样式。
│   │   │   // 可以修改，修改后会影响第三方功能的显示。
│   │   ├── _mode/
│   │   │   // 模式样式。
│   │   │   ├── darkmode.styl
│   │   │   // 暗黑模式样式。
│   │   │   // 可以修改，修改后会影响暗黑模式的显示。
│   │   │   ├── readmode.styl
│   │   │   // 阅读模式样式。
│   │   │   // 可以修改，修改后会影响阅读模式的显示。
│   │   ├── _page/
│   │   │   // 页面样式。
│   │   │   ├── 404.styl
│   │   │   // 404 页面样式。
│   │   │   // 可以修改，修改后会影响 404 页面的显示。
│   │   │   ├── archives.styl
│   │   │   // 归档页面样式。
│   │   │   // 可以修改，修改后会影响归档页面的显示。
│   │   │   ├── categories.styl
│   │   │   // 分类页面样式。
│   │   │   // 可以修改，修改后会影响分类页面的显示。
│   │   │   ├── common.styl
│   │   │   // 公共页面样式。
│   │   │   // 可以修改，修改后会影响公共页面的显示。
│   │   │   ├── flink.styl
│   │   │   // 友链页面样式。
│   │   │   // 可以修改，修改后会影响友链页面的显示。
│   │   │   ├── homepage.styl
│   │   │   // 首页样式。
│   │   │   // 可以修改，修改后会影响首页的显示。
│   │   │   ├── shuoshuo.styl
│   │   │   // 说说页面样式。
│   │   │   // 可以修改，修改后会影响说说页面的显示。
│   │   │   ├── tags.styl
│   │   │   // 标签页面样式。
│   │   │   // 可以修改，修改后会影响标签页面的显示。
│   │   ├── _search/
│   │   │   // 搜索功能样式。
│   │   │   ├── algolia.styl
│   │   │   // Algolia 搜索功能样式。
│   │   │   // 可以修改，修改后会影响 Algolia 搜索功能的显示。
│   │   │   ├── index.styl
│   │   │   // 搜索功能主样式。
│   │   │   // 可以修改，修改后会影响搜索功能的显示。
│   │   │   ├── local-search.styl
│   │   │   // 本地搜索样式。
│   │   │   // 可以修改，修改后会影响本地搜索的显示。
│   │   ├── _tags/
│   │   │   // 标签样式。
│   │   │   ├── button.styl
│   │   │   // 按钮样式。
│   │   │   // 可以修改，修改后会影响按钮的显示。
│   │   │   ├── gallery.styl
│   │   │   // 图库样式。
│   │   │   // 可以修改，修改后会影响图库的显示。
│   │   │   ├── hexo.styl
│   │   │   // Hexo 样式。
│   │   │   // 可以修改，修改后会影响 Hexo 的显示。
│   │   │   ├── hide.styl
│   │   │   // 隐藏样式。
│   │   │   // 可以修改，修改后会影响隐藏功能的显示。
│   │   │   ├── inlinelmg.styl
│   │   │   // 内联图片样式。
│   │   │   // 可以修改，修改后会影响内联图片的显示。
│   │   │   ├── label.styl
│   │   │   // 标签样式。
│   │   │   // 可以修改，修改后会影响标签的显示。
│   │   │   ├── note.styl
│   │   │   // 笔记样式。
│   │   │   // 可以修改，修改后会影响笔记的显示。
│   │   │   ├── series.styl
│   │   │   // 系列样式。
│   │   │   // 可以修改，修改后会影响系列文章的显示。
│   │   │   ├── tabs.styl
│   │   │   // 标签页样式。
│   │   │   // 可以修改，修改后会影响标签页的显示。
│   │   │   ├── timeline.styl
│   │   │   // 时间线样式。
│   │   │   // 可以修改，修改后会影响时间线的显示。
│   │   ├── _third-party/
│   │   │   // 第三方样式。
│   │   │   ├── normalize.min.css
│   │   │   // Normalize CSS 样式。
│   │   │   // 一般不需要修改。
│   │   ├── index.styl
│   │   // 主样式文件。
│   │   // 可以修改，修改后会影响整体样式。
│   │   ├── var.styl
│   │   // 变量样式文件。
│   │   // 可以修改，修改后会影响样式的变量值。
│   ├── js/
│   │   // JavaScript 文件夹，用于存储主题的 JS 文件。
│   │   ├── search
│   │   │   ├── algolia.js
│   │   │   // Algolia 搜索功能 JS。
│   │   │   // 可以修改，修改后会影响 Algolia 搜索结果的显示。
│   │   │   ├── local-search.js
│   │   │   // 本地搜索 JS。
│   │   │   // 可以修改，修改后会影响本地搜索的功能。
│   │   ├── main.js
│   │   // 主 JS 文件。
│   │   // 可以修改，修改后会影响主题的 JS 功能。
│   │   ├── sakura.js
│   │   // Sakura 功能 JS。
│   │   // 可以修改，修改后会影响 Sakura 功能的显示。
│   │   ├── tw_cn.js
│   │   // 繁体中文 JS。
│   │   // 可以修改，修改后会影响繁体中文的显示。
│   │   ├── utils.js
│   │   // 工具 JS。
│   │   // 可以修改，修改后会影响工具功能的交互。
│   └── img/
│       // 图片文件夹，用于存储主题的图片资源。
│       // 可以修改，修改后会影响图片的显示。

六月十日

暂时没看到什么想要修改的内容了

六月八日

/目录/

在 [Blogroot]\source\css\custom.css 下添加

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
#aside-content #card-toc .toc-content {
  margin: 10px -18px;
}
 #aside-content #card-toc .toc-content .toc-link.active {
  line-height: 1.2;
  border-radius: 12px;
  border-left-color: var(--HiPeach-hovertext);
  background-color: var(--HiPeach-card-bg);
  color: var(--HiPeach-lighttext);
  font-weight: bold;
  font-size: 20px;
}
[data-theme=dark].toc .toc-item.active .toc-link .toc-text {
  color: var(--HiPeach-white);
}
#aside-content #card-toc .toc-content .toc-item.active .toc-link {
  opacity: 1;
  border-radius: 8px;
}
#aside-content #card-toc .toc-content .toc-link {
  line-height: 1.2;
  padding: 8px;
  border-left: 0px solid transparent;
  border-radius: 12px;
  color: var(--HiPeach-secondtext);
  cursor: default;
}
#aside-content #card-toc .toc-content .toc-link:not(.active) span {
  opacity: 0.6;
  cursor: pointer;
  filter: blur(1px);
  transition: 0.3s;
}
#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span {
  filter: blur(0px);
  opacity: 1;
}
#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover {
  color: var(--HiPeach-lighttext);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
:root {
  --HiPeach-white: #fff;
}

[data-theme="light"] {
  --HiPeach-hovertext: #3b70fc;
  --HiPeach-card-bg: #fff;
  --HiPeach-lighttext: #6f42c1;
  --HiPeach-secondtext: rgba(60, 60, 67, 0.6);
}

[data-theme="dark"] {
  --HiPeach-hovertext: #0a84ff;
  --HiPeach-card-bg: #1d1e22;
  --HiPeach-lighttext: #f2b94b;
  --HiPeach-secondtext: #a1a2b8;
}

6.7

图片

1
2
3
4
5
css
/*图片圆角*/
#article-container img {
  border-radius: 15px;
}

给butterfly添加侧边栏电子钟

img

  1. 如果有安装店长的插件版侧边栏电子钟（与店长的电子钟冲突），在博客根目录[Blogroot]下打开终端，运行以下指令
1
2
3
bash
# 卸载原版电子钟
npm uninstall hexo-butterfly-clock
  1. 安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令：
1
2
bash
npm install hexo-butterfly-clock-anzhiyu --save
  1. 添加配置信息，以下为写法示例在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
# electric_clock
# see https://blog.anheyu.com/posts/fc18.html
electric_clock:
enable: true # 开关
priority: 5 #过滤器优先权
enable_page: all # 应用页面
exclude:
# - /posts/
# - /about/
layout: # 挂载容器类型
type: class
name: sticky_layout
index: 0
loading: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/loading.gif #加载动画自定义
clock_css: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.css
clock_js: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.js
ip_api: https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0
qweather_key: # 和风天气key
gaud_map_key: # 高得地图web服务key
default_rectangle: false # 开启后将一直显示rectangle位置的天气，否则将获取访问者的地理位置与天气
rectangle: 112.982279,28.19409 # 获取访问者位置失败时会显示该位置的天气，同时该位置为开启default_rectangle后的位置

参数释义

参数 备选值/类型 释义
priority number 【可选】过滤器优先级，数值越小，执行越早，默认为 10，选填
enable true/false 【必选】控制开关
enable_page path/all 【可选】填写想要应用的页面的相对路径（即路由地址）,如根目录就填’/‘,分类页面就填’/categories/‘。若要应用于所有页面，就填’all’，默认为 all
exclude path 【可选】填写想要屏蔽的页面，可以多个。写法见示例。原理是将屏蔽项的内容逐个放到当前路径去匹配，若当前路径包含任一屏蔽项，则不会挂载。
layout.type id/class 【可选】挂载容器类型，填写 id 或 class，不填则默认为 id
layout.name text 【必选】挂载容器名称
layout.index 0 和正整数 【可选】前提是 layout.type 为 class，因为同一页面可能有多个 class，此项用来确认究竟排在第几个顺位
loading URL 【可选】电子钟加载动画的图片
clock_css URL 【可选】电子钟样式 CDN 资源
clock_js URL 【可选】电子钟执行脚本 CDN 资源
ip_api URL 【可选】获取时钟 IP 的 API
qweather_key text 【可选】和风天气 key
gaud_map_key text 【可选】高得地图 web 服务 key
default_rectangle text 【可选】开启后将一直显示 rectangle 位置的天气，否则将获取访问者的地理位置与天气
rectangle text 【可选】获取访问者位置失败时会显示该位置的天气，同时该位置为开启 default_rectangle 后的位置

qweather_key申请地址: https://id.qweather.com/#/login

  1. 登录后进入控制台

和风天气控制台

和风天气控制台

  1. 创建应用

创建和风天气应用
创建和风天气应用

  1. 填写应用名称和 key 名称随意

  2. 选择 WebApi

选择WebApi

选择WebApi

  1. 复制 key

复制key

复制key

gaud_map_key 申请地址: https://lbs.amap.com/

  1. 登录后进入控制台

  2. 创建应用，名称随意，类型选其他

创建应用

创建应用

  1. 点击添加, key 名称随意，服务平台，选择，Web服务，点击提交

Web服务

  1. 复制 key

复制key

主页冒泡特效

在BlogRoot/themes/butterfly/source/js目录下创建一个chocolate.js文件。
直接复制导入如下代码：

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
/*
* @Author: tzy1997
* @Date: 2020-12-15 20:55:25
* @LastEditors: tzy1997
* @LastEditTime: 2021-01-12 19:02:25
*/
$(function() {
// 气泡
function bubble() {
    $('#page-header').circleMagic({
        radius: 10,
        density: .2,
        color: 'rgba(255,255,255,.4)',
        clearOffset: 0.99
    });
}! function(p) {
    p.fn.circleMagic = function(t) {
        var o, a, n, r, e = !0,
 i = [],
 d = p.extend({ color: "rgba(255,0,0,.5)", radius: 10, density: .3, clearOffset: .2 }, t),
 l = this[0];
       
        function c() { e = !(document.body.scrollTop > a) }
       
        function s() { o = l.clientWidth, a = l.clientHeight, l.height = a "px", n.width = o, n.height = a }
       
        function h() {
 if (e)
     for (var t in r.clearRect(0, 0, o, a), i) i[t].draw();
 requestAnimationFrame(h)
        }
       
        function f() {
 var t = this;
       
 function e() { t.pos.x = Math.random() * o, t.pos.y = a 100 * Math.random(), t.alpha = .1 Math.random() * d.clearOffset, t.scale = .1 .3 * Math.random(), t.speed = Math.random(), "random" === d.color ? t.color = "rgba(" Math.floor(255 * Math.random()) ", " Math.floor(0 * Math.random()) ", " Math.floor(0 * Math.random()) ", " Math.random().toPrecision(2) ")" : t.color = d.color }
 t.pos = {}, e(), this.draw = function() { t.alpha <= 0 && e(), t.pos.y -= t.speed, t.alpha -= 5e-4, r.beginPath(), r.arc(t.pos.x, t.pos.y, t.scale * d.radius, 0, 2 * Math.PI, !1), r.fillStyle = t.color, r.fill(), r.closePath() }
        }! function() {
 o = l.offsetWidth, a = l.offsetHeight,
     function() {
         var t = document.createElement("canvas");
         t.id = "canvas", t.style.top = 0, t.style.zIndex = 0, t.style.position = "absolute", l.appendChild(t), t.parentElement.style.overflow = "hidden"
     }(), (n = document.getElementById("canvas")).width = o, n.height = a, r = n.getContext("2d");
 for (var t = 0; t < o * d.density; t++) {
     var e = new f;
     i.push(e)
 }
 h()
        }(), window.addEventListener("scroll", c, !1), window.addEventListener("resize", s, !1)
    }
}(jQuery);
       
// 调用气泡方法
bubble();
       })

最后，在主题配置文件_config.butterfly.yml中，引入jquery.min.js和chocolate.js。

三月一日

修改主题配置文件（从枯燥博客改成buttifly风格）

source\css

修改 _config.butterfly.yml

1
2
3
4
5
6
7
8
diff
beautify:
  enable: true
  field: post # site/post
- title-prefix-icon: # '\f0c1'
- title-prefix-icon-color: # '#F47466'
+ title-prefix-icon: '\f863'
+ title-prefix-icon-color: "#F47466"

修改自定义 CSS 文件

以下 CSS 样式可添加进任何已引入的.css 文件中
例如，在 [Blogroot]\source\css\custom.css（可以自己新建一个放在inject里） 下添加

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
/* 文章页H1-H6图标样式效果 */
h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before {
  -webkit-animation: ccc 1.6s linear infinite;
  animation: ccc 1.6s linear infinite;
}
@-webkit-keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}
@keyframes ccc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}
#content-inner.layout h1::before {
    color: #ef50a8;
    margin-left: -1.55rem;
    font-size: 1.3rem;
    margin-top: -0.23rem;
  }
  #content-inner.layout h2::before {
    color: #fb7061;
    margin-left: -1.35rem;
    font-size: 1.1rem;
    margin-top: -0.12rem;
  }
  #content-inner.layout h3::before {
    color: #ffbf00;
    margin-left: -1.22rem;
    font-size: 0.95rem;
    margin-top: -0.09rem;
  }
  #content-inner.layout h4::before {
    color: #a9e000;
    margin-left: -1.05rem;
    font-size: 0.8rem;
    margin-top: -0.09rem;
  }
  #content-inner.layout h5::before {
    color: #57c850;
    margin-left: -0.9rem;
    font-size: 0.7rem;
    margin-top: 0rem;
  }
  #content-inner.layout h6::before {
    color: #5ec1e0;
    margin-left: -0.9rem;
    font-size: 0.66rem;
    margin-top: 0rem;
  }
  #content-inner.layout h1:hover, /*本站已删除此行代码*/
  #content-inner.layout h2:hover,
  #content-inner.layout h3:hover,
  #content-inner.layout h4:hover,
  #content-inner.layout h5:hover,
  #content-inner.layout h6:hover {
    color: rgb(90,135,255);
  }
  #content-inner.layout h1:hover::before,
  #content-inner.layout h2:hover::before,
  #content-inner.layout h3:hover::before,
  #content-inner.layout h4:hover::before,
  #content-inner.layout h5:hover::before,
  #content-inner.layout h6:hover::before {
    color: rgb(90,135,255);
    -webkit-animation: ccc 3.2s linear infinite;
    animation: ccc 3.2s linear infinite;
  }

/* 页面设置icon转动速度调整 */
#rightside_config i.fas.fa-cog.fa-spin {
    animation: fa-spin 5s linear infinite;
  }

页码按钮

1
2
3
4
5
6
7
8
9
10
11
12
13
14
css
/*页码按钮美化*/
.layout>.recent-posts .pagination> {
  display: inline-block;
  margin: 0 6px;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
}

/*页码按钮圆角*/
#pagination .page-number.current {
    border-radius: 7px;
}

文章卡片

1
2
3
4
5
css
/*文章卡片圆角*/
.layout > div:first-child:not(.recent-posts) {
  border-radius: 35px;
}

目录卡片

1
2
3
4
5
css
/*目录卡片圆角*/
#aside-content .card-widget {
  border-radius: 20px;
}

首页文章

1
2
3
4
5
css
/*首页文章圆角*/
.layout > .recent-posts > .recent-post-item {
    border-radius: 20px !important
}