📖 本教程更新于 2023 年 07 月 28 日

📚 文档目录

🚀 搭建教程 | 1 - 📑 前置教程 | 2 - 🎈 主题调整 | 3 - ✨ 魔改教程 | 4 - 🐈 重构自用数据记录

Hexo 纯升级

本节仅仅只是在原本的项目上 进行Hexo的升级 和插件依赖的更新

升级前请 备份！ 备份！ 备份！
有较大的改动一定要备份 而且更新Hexo存在很多不可控因素 哪怕更新成功了也一定要保留一份备份以备不时之需
做好备份就可以开始更新框架工作

npm 全局更新

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
npm cache clean -f
# 清理 NPM缓存

npm install -g npm-check
npm install -g npm-upgrade
# 全局安装版本检测、版本升级工具

npm-check -g
# 全局检测哪些模块可以升级
# 这里可以根据打印的提示信息 手动安装最新版本的模块

npm update -g
# 全局更新模块

hexo version
# 查看当前Hexo版本

npm install -g hexo-cli
# 全局安装 或 更新 Hexo的最新版本

Hexo 目录插件更新

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
cd /Hexo-MeuiCat
# 进入博客的根目录

npm-check
# 检测Hexo哪些模块可以升级

# rm -rf package-lock.json
# 删除 package-lock.json

npm-upgrade
# 更新package.json 一直回车即可

rm -rf node_modules
# 删除整个模块目录 这样可以避免很多坑

npm update --save
# 更新Hexo的模块

npm audix
# 若出现依赖的问题 用此命令检查 把报错的统一修复一下即可

npm update --save --force
# 或者强制更新

完成检查

  • 在上述步骤完成后，package.json 将成为以下版本信息：
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
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo s -debug"
  },
  "hexo": {
    "version": "6.3.0"
  },
  "dependencies": {
    "hexo": "^6.3.0",
    "hexo-baidu-url-submit": "0.0.6",
    "hexo-blog-encrypt": "^3.1.6",
    "hexo-deployer-git": "^4.0.0",
    "hexo-filter-nofollow": "^2.0.2",
    "hexo-generator-archive": "^2.0.0",
    "hexo-generator-baidu-sitemap": "^0.1.9",
    "hexo-generator-category": "^2.0.0",
    "hexo-generator-feed": "^3.0.0",
    "hexo-generator-index": "^3.0.0",
    "hexo-generator-search": "^2.4.3",
    "hexo-generator-sitemap": "^3.0.1",
    "hexo-generator-tag": "^2.0.0",
    "hexo-renderer-ejs": "^2.0.0",
    "hexo-renderer-marked": "^6.0.0",
    "hexo-renderer-pug": "^3.0.0",
    "hexo-renderer-stylus": "^2.1.0",
    "hexo-server": "^3.0.0",
    "hexo-wordcount": "^6.0.1",
    "sweetalert2": "^11.7.5"
  }
}

当在其他设备上 可以依据已更新成功的 package.json 直接通过 npm install 进行升级

Hexo 升级&重构

此节内容是重构 彻底的重构
新建空白文件夹 把 Hexo 和 Butterfly 升到最新版本

1
2
3
npm config set registry https://registry.npm.taobao.org
npm config set registry https://registry.npmjs.org/
# 【可选源】 1：淘宝源 / 2：npm原镜像源（安装一些package 不容易报错）

安装 Hexo

1
2
3
4
5
6
7
8
hexo init
# 空文件夹内执行

npm install hexo-deployer-git --save
# 部署必要依赖插件包

npm install hexo-renderer-pug hexo-renderer-stylus --save
# 必要渲染

安装 Butterfly

1
2
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
# Butterfly 稳定版【建议】
Butterfly 官方安装文档
关于 Butterfly 主题多种安装方式

自用数据记录

本节内容可能有所出入，如有缺失，请使用 F12 大法

_config.yml

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
# Hexo 设置
# https://github.com/hexojs/hexo/
# https://hexo.io/zh-cn/docs/configuration



# 网站的基本信息
# --------------------------------------

title: 爱吃肉的猫
# 网站标题
subtitle: '有肉有猫有生活.'
# 网站副标题
description: '记录生活与技术点滴'
# 网站描述 主要用于SEO，告诉搜索引擎一个关于您站点的简单描述，通常建议在其中包含您网站的关键词
keywords: 生活，设计，广播剧，软件
# 网站关键词
author: 亦小封
# 作者名字
language: zh-CN
# 网站语言 en/zh-CN
timezone: 'Asia/Shanghai'
# 网站时区 Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置，如 America/New_York, Japan, 和 UTC 。一般的，对于中国大陆地区可以使用 Asia/Shanghai



# URL
# https://hexo.io/zh-cn/docs/configuration#%E7%BD%91%E5%9D%80
# 在此处设置网站url；例如，如果您使用GitHub页面，请将url设置为 'https://username.github.io/project'
# --------------------------------------

url: https://meuicat.com
# 网站网址
root: /
# 网站根目录
permalink: blog/:title/
# 文章的永久链接格式 https://hexo.io/zh-cn/docs/permalinks
permalink_defaults:
# 永久链接中各部分的默认值
pretty_urls:
# 改写 permalink 的值来美化 URL
  trailing_index: true
  # 是否在永久链接中保留尾部的 index.html，设置为 false 时去除
  trailing_html: true
  # 是否在永久链接中保留尾部的 .html, 设置为 false 时去除 (对尾部的 index.html无效)



# 文件目录
# https://hexo.io/zh-cn/docs/configuration#%E7%9B%AE%E5%BD%95
# --------------------------------------

source_dir: source
# 资源文件夹，这个文件夹用来存放内容
public_dir: public
# 公共文件夹，这个文件夹用于存放生成的站点文件
tag_dir: tags
# 标签文件夹
archive_dir: archives
# 归档文件夹
category_dir: categories
# 分类文件夹
code_dir: downloads/code
# Include code 文件夹，source_dir 下的子目录
i18n_dir: :lang
# 国际化（i18n）文件夹
skip_render:
# 跳过指定文件的渲染。匹配到的文件将会被不做改动地复制到 public 目录中



# 文章
# https://hexo.io/zh-cn/docs/configuration#%E6%96%87%E7%AB%A0
# --------------------------------------
new_post_name: :title.md
# 新文章的文件名称
default_layout: post
# 预设布局
titlecase: false
# 把标题转换为 title case
external_link:
# 在新标签中打开链接
  enable: true
  # 在新标签中打开链接
  field: site
  # 对整个网站（site）生效或仅对文章（post）生效
  exclude: ''
  # 需要排除的域名。主域名和子域名如 www 需分别配置
filename_case: 0
# 把文件名称转换为 (1) 小写或 (2) 大写
render_drafts: false
# 显示草稿
post_asset_folder: false
# 启动 Asset 文件夹
relative_link: false
# 把链接改为与根目录的相对位址
future: false
# 显示未来的文章 默认打开true
highlight:
# 代码块的设置 https://hexo.io/zh-cn/docs/syntax-highlight#Highlight-js
  enable: true
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
# 代码块的设置 https://hexo.io/zh-cn/docs/syntax-highlight#PrismJS
  enable: false
  preprocess: true
  line_number: true
  tab_replace: ''

# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
  path: ''
  per_page: 10
  order_by: -date

# 分类 & 标签
default_category: uncategorized
# 默认分类
category_map:
# 分类别名
tag_map:
# 标签别名



# Metadata elements
## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
# --------------------------------------

meta_generator: true
# 插入头部元数据元素



# 日期 / 时间格式
# --------------------------------------

date_format: YYYY-MM-DD
# 日期格式
time_format: HH:mm:ss
# 时间格式
updated_option: 'mtime'
# 当 Front Matter 中没有指定 updated 时 updated 的取值
# mtime: 使用文件的最后修改时间
# date: 使用 date 作为 updated 的值。可被用于 Git 工作流之中，因为使用 Git 管理站点时，文件的最后修改日期常常会发生改变
# empty: 直接删除 updated。使用这一选项可能会导致大部分主题和插件无法正常工作



# 分页
# --------------------------------------

per_page: 10
# 每页显示的文章量 (0 = 关闭分页功能)
pagination_dir: page
# 分页目录



# 包括或不包括目录和文件
# https://hexo.io/zh-cn/docs/configuration#%E5%8C%85%E6%8B%AC%E6%88%96%E4%B8%8D%E5%8C%85%E6%8B%AC%E7%9B%AE%E5%BD%95%E5%92%8C%E6%96%87%E4%BB%B6
# --------------------------------------

include:
# Hexo 默认会不包括 source/ 下的文件和文件夹（包括名称以下划线和 . 开头的文件和文件夹，Hexo 的 _posts 和 _data 等目录除外）。通过设置此字段将使 Hexo 处理他们并将它们复制到 source 目录下
exclude:
# Hexo 不包括 source/ 下的这些文件和目录
ignore:
# Hexo 会忽略整个 Hexo 项目下的这些文件夹或文件



# 选用主题
# --------------------------------------

theme: butterfly
# 当前主题名称。值为false时禁用主题



# 部署
# https://github.com/hexojs/hexo-deployer-git
# https://hexo.io/zh-cn/docs/one-command-deployment
# --------------------------------------

deploy:
- type: git
  repo: git@github.com:yife68/MeuiCat.git
  branch: master
  message: upload
- type: baidu_url_submitter



# RSS订阅
# https://github.com/hexojs/hexo-generator-feed
# --------------------------------------

feed:
    type: rss2
    # 类型
    path: rss2.xml
    # 路径。当指定两种类型时，路径必须遵循类型值的顺序。（默认：atom.xml / rss2.xml）
    limit: false
    # 提要中的最大帖子数（使用 0 或 false 显示所有帖子）



# 站点地图
# https://github.com/hexojs/hexo-generator-sitemap
# --------------------------------------

sitemap:
  path: 
  # 站点地图路径（默认值：sitemap.xml）
    - sitemap.xml
    - sitemap.txt
  rel: false
  # 将relsitemap添加到网站的标题（默认值：false）
  tags: true
  # 添加网站标签
  categories: false
  # 添加网站分类



# 百度站点地图
# https://github.com/coneycode/hexo-generator-baidu-sitemap
# --------------------------------------

baidusitemap:
  path: baidusitemap.xml
  # 站点地图路径。（默认值：baidusitemap.xml）



# 外链 nofollow
# https://github.com/hexojs/hexo-filter-nofollow
# 自动为所有外部链接添加 nofollow 属性
# --------------------------------------

nofollow:
  enable: true
  field: post
  # 'post' - 仅向帖子内容中的外部链接添加 nofollow 属性；'site' - 为整个站点的外部链接添加 nofollow 属性
  exclude:
  # 排除主机名
    # - 'meuicat.com'
    - radio.meuicat.com
    - kabuchino.meuicat.com
    - capucino.meuicat.com
    - music.meuicat.com
    - yi.meuicat.com
    - memos.meuicat.com



# 设置百度主动推送
# https://github.com/huiwang/hexo-baidu-url-submit
# --------------------------------------

baidu_url_submit:
  count: 200
  # 提交数量；代表提交最新的 N 个链接
  host: meuicat.com
  # 在百度站长平台中注册的域名，这个改为你自己的域名
  token: {百度搜索资源平台-普通收录token}
  # 请注意这是您的秘钥， 所以请不要把博客源代码发布在公众仓库里!
  path: baidu_urls.txt
  # 文本文档的地址， 新链接会保存在此文本文档里，这个默认



# 文章加密
# https://github.com/D0n9X1n/hexo-blog-encrypt
# --------------------------------------

encrypt: 
  abstract: 内容已加密，需要数字密码查看~
  message: 请输入六位数字密码查看~
  tags:
  - {name: tagName, password: 密码A}
  - {name: tagName, password: 密码B}
  template: <div id="hexo-blog-encrypt" data-wpm="{{hbeWrongPassMessage}}" data-whm="{{hbeWrongHashMessage}}"><div class="hbe-input-container"><input type="password" id="hbePass" placeholder="{{hbeMessage}}" /><label>{{hbeMessage}}</label><div class="bottom-line"></div></div><script id="hbeData" type="hbeData" data-hmacdigest="{{hbeHmacDigest}}">{{hbeEncryptedData}}</script></div>
  wrong_pass_message: Sorry, 不是这个密码哦, 再试试吧..
  wrong_hash_message: Sorry, 这个文章不能被校验, 不过您还是能看看解密后的内容.



# algolia 搜索
# https://dashboard.algolia.com/
# --------------------------------------

algolia:
  appId: "Application ID"
  apiKey: "Search-Only API Key"
  adminApiKey: "Admin API Key"
  chunkSize: 5000
  indexName: "index名"
  fields:
    - content:strip:truncate,0,500
    - excerpt:strip
    - gallery
    - permalink
    - photos
    - slug
    - tags
    - title

_config.butterfly.yml

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
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
# 导航栏设置
# --------------------------------------

nav:
  logo:
  # 网站的 logo，支持图片，直接填入图片链接
  display_title: true
  # 顶部菜单栏是否显示网站标题 true/false
  fixed: false
  # 是否固定状态栏 true/false



# 导航菜单
# 图标列表http://www.wapadd.cn/icons/awesome/index.htm
# V6图标：https://fontawesome.com/v6/icons/
# --------------------------------------

menu:
  合集||iconfont icat-square||hide:
    归档: /archives/ || 
    标签: /tags/ || 
    分类: /categories/ || 
    统计: /charts/ || 
  专栏||iconfont icat-inbox||:
    布柒糖FM: https://radio.meuicat.com/ || 
    Capucino: https://Capucino.meuicat.com/ || 
    KabuChino: https://KabuChino.meuicat.com/ || 
    iCat运行状态: https://uptime.meuicat.com/status/icat || 
    我の音乐馆: https://music.meuicat.com/ || 
    我开发の主题: https://github.com/yife68/Hexo-Theme-Melancholia || 
  藏宝阁||iconfont icat-precious-deposits||:
    即刻说: /essay/ || 
    相册集: /photos/ || 
    好物阁: /equipment/ || 
    足迹阁: /collect/ || 
    待办录: /project/ || 
    鱼塘录: /fcircle/ || 
  友链: /link/ || iconfont icat-link
  关于: /about/ || iconfont icat-about



# 代码高亮主题
# --------------------------------------

highlight_theme: mac
# 代码主题 darker / pale night / light / ocean / mac / mac light / false
highlight_copy: true
# 复制按钮 true/false
highlight_lang: true
# 显示代码使用的语言
highlight_shrink: false
# true: 折叠代码块 / false: 默认展开代码块 | none: 展开并取消折叠按钮
highlight_height_limit: 200
# 可配置代码高度限制，超出的部分会隐藏，并显示展开按钮
code_word_wrap: true
# 代码超出页面自动换行



# 社交图标
# 右侧社交图标设置
# --------------------------------------

social:
  iconfont icat-qq: http://wpa.qq.com/msgrd?v=3&uin=2714344056 || 企鹅
  iconfont icat-GitHub: https://github.com/yife68 || GitHub
  iconfont icat-tg: https://t.me/yife68 || TG



# 图片设置
# --------------------------------------

favicon: /media/favicon.ico
# ico 网站图标

avatar:
# 头像
  img: https://s11.ax1x.com/2023/07/07/pCc1TSO.jpg
  effect: false
  # 头像一直转圈

disable_top_img: false
# 顶部图 显示/false 不显示/true

index_img: https://s11.ax1x.com/2023/05/02/p9G2jjU.jpg
# 主页的 top_img

default_top_img: https://s11.ax1x.com/2023/05/02/p9GRSHJ.jpg
# 默认的 top_img，当页面的 top_img 没有配置时，会显示 default_top_img

archive_img: false
# 归档页面的 top_img

tag_img: https://s11.ax1x.com/2023/05/02/p9GRSHJ.jpg
# tag 子页面 的 默认 top_img

tag_per_img:
# tag 子页面的 top_img，可配置每个 tag 的 top_img
#  - tag name: xxxxx

category_img: https://s11.ax1x.com/2023/05/02/p9GRSHJ.jpg
# category 子页面 的 默认 top_img

category_per_img:
# category 子页面的 top_img，可配置每个 category 的 top_img
#  - category name: xxxxx

cover:
# 是否文章封面
  index_enable: true
  # 主页是否显示文章封面图
  aside_enable: true
  # 侧栏是否显示文章封面图
  archives_enable: true
  # 归档页面是否显示文章封面图
  position: both
  # 主页卡片文章封面的显示位置 - left：全部显示在左边 - right：全部显示在右边 - both：封面位置以左右左右轮流显示
  default_cover:
    - https://s11.ax1x.com/2023/05/13/p96goJ1.jpg
  # 当没有设置cover时，默认的封面显示
  # - https://i.loli.net/2020/05/01/gkihqEjXxJ5UZ1C.jpg

error_img:
# 替換無法顯示的圖片
  flink: https://yife68.gitee.io/icat-pic/blog/loading.svg
  post_page: https://s11.ax1x.com/2023/05/13/p96goJ1.jpg



# 404页面
# --------------------------------------

error_404:
  enable: true
  subtitle: '请尝试站内搜索寻找文章 ~'
  background: https://s11.ax1x.com/2023/05/02/p9GR2VJ.png



# 文章meta显示
# --------------------------------------

post_meta:
  page:
  # 主页文章
    date_type: created
    # created / updated / both 主页文章日期是创建日或者更新日或都显示
    date_format: date
    # date / relative 显示日期还是相对日期
    categories: true
    # true / false 主页是否显示分类
    tags: false
    # true or false 主页是否显示标签
    label: true
    # true or false 显示描述性文字
  post:
  # 文章页
    date_type: created
    # created / updated / both 文章页日期是创建日或者更新日或都显示
    date_format: date
    # date / relative 显示日期还是相对日期
    categories: true
    # true or false 文章页是否显示分类
    tags: true
    # true or false 文章页是否显示标签
    label: true
    # true or false 显示描述性文字



# 主页文章节选(自动节选和文章页description)
# 1:description： 只显示description
# 2:both： 优先选择description，如果没有配置description，则显示自动节选的内容
# 3:auto_excerpt：只显示自动节选
# false： 不显示文章内容
# --------------------------------------

index_post_content:
  method: 2
  length: 500
  # 如果将method设置为2或3，则需要配置长度



# 页面锚点
# 开启页面锚点后，当你在进行滚动时，页面链接会根据标题ID进行替换
# --------------------------------------

anchor:
  button:
    enable: false
    always_show: false
    icon: # the unicode value of Font Awesome icon, such as '\3423'
  auto_update: false # when you scroll in post, the URL will update according to header id.



# 图片描述文字
# --------------------------------------

photofigcaption: true
# 可开启图片Figcaption描述文字显示
# 优先显示图片的 title 属性，然后是 alt 属性



# 复制相关配置
# 可配置网站是否可以复制、复制的内容是否添加版权信息
# --------------------------------------

copy:
  enable: true
  # 是否开启网站复制权限
  copyright:
  # 复制的内容后面加上版权信息
    enable: true
    # 是否开启复制版权信息添加
    limit_count: 40
    # 字数限制，当复制文字大于这个字数限制时，将在复制的内容后面加上版权信息



# 文章目录
# --------------------------------------

toc:
  post: true
  # 文章页是否显示 TOC
  page: false
  # 普通页面是否显示 TOC
  number: true
  # 是否显示章节数
  expand: true
  # 是否展开 TOC
  style_simple: false
  # 简洁模式（侧边栏只显示 TOC, 只对文章页有效 ）
  scroll_percent: true
  # 是否显示滚动进度百分比



# 文章版权
# --------------------------------------

post_copyright:
  enable: true
  decode: false
  # 由于Hexo 4.1开始，默认对网址进行解码，以至于如果是中文网址，会被解码，可设置decode: true来显示中文网址
  author_href: https://github.com/yife68
  license: CC BY-NC-SA 4.0
  license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/



# 文章打赏
# --------------------------------------

reward:
  enable: true
  QR_code:
    - img: https://yife68.gitee.io/icat-pic-2022/03/19/wechat.jpg
      # link:
      text: 微信
    - img: https://yife68.gitee.io/icat-pic-2022/03/19/alipay.jpg
      # link:
      text: 支付宝



# 文章编辑按钮
# 在文章标题旁边显示一个编辑按钮，点击会跳转到对应的链接去
# --------------------------------------

post_edit:
  enable: false
  # url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/
  # For example: https://github.com/jerryc127/butterfly.js.org/edit/main/source/
  url:



# 相关文章推荐
# --------------------------------------

related_post:
  enable: true
  limit: 3
  # 显示推荐文章数目
  date_type: created
  # created / updated 文章日期显示创建日或者更新日



# 文章分页按钮
# false：关闭分页按钮 / 1：下一篇显示的是旧文章 / 2：下一篇显示的是新文章
# --------------------------------------

post_pagination: 1



# 文章过期提醒
# --------------------------------------

noticeOutdate:
  enable: false
  style: flat
  # 样式，带图标或纯色底 simple/flat
  limit_day: 500
  # 距离更新时间多少天才显示文章过期提醒
  position: top
  # 提示在文字顶部或底部 top / bottom
  message_prev: Hey~这是
  # 天数前的文字
  message_next: 天前的文章了，可能会过时哦~
  # 天数后的文字


# 页脚设置
# --------------------------------------

footer:
  owner:
    enable: true
    since: 2021
  custom_text: <p><a style="margin-inline:5px" target="_blank" href="https://hexo.io/" rel="external nofollow noreferrer"><img class="nolazyload" src="https://yife68.gitee.io/icat-pic-2022/04/22/4.svg" data-lazy-src="https://yife68.gitee.io/icat-pic-2022/04/22/4.svg" title="框架为Hexo 6.3.0" data-ll-status="loaded" class="entered loaded"></a><a style="margin-inline:5px" target="_blank" href="https://github.com/jerryc127/hexo-theme-butterfly/" rel="external nofollow noreferrer"><img class="nolazyload" src="https://yife68.gitee.io/icat-pic-2022/04/22/5.svg" data-lazy-src="https://yife68.gitee.io/icat-pic-2022/04/22/5.svg" title="主题采用Butterfly 4.8.5" data-ll-status="loaded" class="entered loaded"></a><a style="margin-inline:5px" target="_blank" href="https://www.dogecloud.com/" rel="external nofollow noreferrer"><img class="nolazyload" src="https://yife68.gitee.io/icat-pic/blog/1.svg" data-lazy-src="https://yife68.gitee.io/icat-pic/blog/1.svg" title="本站使用多吉云为静态资源提供CDN加速" data-ll-status="loaded" class="entered loaded"></a><div style="margin:auto;text-align:center;align-items:center;display:inline-flex;"><span style="font-size:14px;vertical-align:middle;">本网站由</span><a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral"><img src="https://yife68.gitee.io/icat-pic/blog/upyun.svg" style="vertical-align:middle;padding:0 6px;height:1.14em;"></a><span style="font-size:14px;vertical-align:middle">提供CDN加速/云存储服务</span></div></p><div class="icp"><a target="_blank" rel="noopener" href="https://beian.miit.gov.cn/"><img class="icp-icon" src="https://yife68.gitee.io/icat-pic-2022/04/22/8.png"><span>粤ICP备2022035648号</span></a>&nbsp&nbsp|&nbsp<img class="icp-icon" src="https://icp.gov.moe/favicon.ico"><a href="https://icp.gov.moe/?keyword=20227060" target="_blank">萌ICP备20227060号</a></div>
  copyright: false
  # 主题和框架的版权



# 侧边排版
# 可自行决定哪个项目需要显示，可决定位置，也可以设置不显示侧边栏
# --------------------------------------

aside:
  enable: true
  hide: false
  button: false
  # 首页关闭侧边栏设置按钮
  mobile: true
  # 在手机上显示
  position: right
  # 侧边栏位置 left / right

  display:
  # 个人卡片 - 文章 / 标签 /分类
    archive: true
    tag: true
    category: true

  card_author:
  # 侧边栏个人信息
    enable: true
    description: 足够优秀 再大方拥有.
    # 个人卡片 - 座右铭
    button:
      enable: true
      icon: iconfont icat-rss
      text: 订阅本站
      link: /subscribe/

  card_announcement:
  # 公告卡片
    enable: true
    content: Hello, Welcome to iCat.</br>My sharing blog.</br></br><div><a href="https://bf.zzxworld.com/s/876" target="_blank" rel="external nofollow noopener noreferrer"><img class="nolazyload" src="https://bf.zzxworld.com/images/logo-v2.png" alt="BlogFinder" style="width:auto;height:22px" data-ll-status="loading" class="entered loading"></a></div>

  card_recent_post:
  # 最新文章
    enable: false
    limit: 5
    # 显示的数量；如果设置为0，将显示所有
    sort: date
    # 日期或更新时间
    sort_order:
    # 非必要不修改

  card_categories:
  # 分类
    enable: true
    limit: 6
    # 显示的数量；如果设置为0，将显示所有
    expand: none
    # 放大；none - 随机 / true - 开 / false - 关
    sort_order:
    # 非必要不修改

  card_tags:
  # 标签
    enable: true
    limit: 15
    # 显示的数量；如果设置为0，将显示所有
    color: true
    # 侧边栏标签彩色显示 true / false
    orderby: random
    # 排序；random - 随机 / name - 名称 / length - 长度
    order: 1
    # 升降排序；1 - 升序 / -1 - 降序
    sort_order:
    # 非必要不修改

  card_archives:
  # 归档
    enable: false
    type: monthly
    # 类型按年或月 yearly / monthly
    format: YYYY年 MM月
    # 格式
    order: -1
    # 升降排序；1 - 升序 / -1 - 降序
    limit: 6
    # 显示的数量；如果设置为0，将显示所有
    sort_order:
    # 非必要不修改

  card_webinfo:
  # 网站信息
    enable: true
    post_count: true
    last_push_date: true
    sort_order:
    # 非必要不修改



# 访问人数 busuanzi (UV 和 PV)
# --------------------------------------

busuanzi:
  site_uv: true
  # 侧边栏本站访客数
  site_pv: true
  # 侧边栏本站总访问量
  page_pv: false
  # 文章页阅读量



# 运行时间
# 格式: "月/日/年 时间" 也可以写成 "年/月/日 时间"
# --------------------------------------

runtimeshow:
  enable: true
  publish_date: 2021/10/15



# 最新评论
# 在侧边栏显示最新评论板块
# --------------------------------------

newest_comments:
  enable: false
  sort_order:
  limit: 6
  # 显示的数量
  storage: 10
  # 设置缓存时间，单位：分钟
  avatar: true
  # 是否显示头像



# 右下角按钮
# --------------------------------------

translate:
# 简繁转换
  enable: true
  default: 繁
  # 默认按钮显示文字(网站是简体，应设置为'default: 繁')
  defaultEncoding: 2
  # 网站默认语言，1: 繁体中文, 2: 简体中文
  translateDelay: 0
  # 延迟时间,若不在前, 要设定延迟翻译时间, 如100表示100ms,默认为0
  msgToTraditionalChinese: '繁'
  # 当文字是简体时，按钮显示的文字
  msgToSimplifiedChinese: '簡'
  # 当文字是繁体时，按钮显示的文字

readmode: true
# 阅读模式

darkmode:
# 夜间模式
  enable: true
  button: true
  # 是否在右下角显示日夜模式切换按钮
  autoChangeMode: 2
  # 1 跟随系统而变化，不支持的浏览器/系统将按照时间晚上6点到早上6点之间切换为 dark mode
  # 2 只按照时间 start 到 end 之间切换为 light mode ,其余时间为 dark mode
  # false 取消自动切换
  start: 7
  # light mode 的开始时间
  end: 18
  # light mode 的结束时间

rightside_scroll_percent: true
# 滚动状态百分比

rightside_item_order:
# 按钮排序，非必要請不要修改
  enable: true
  hide: readmode,translate,hideAside
  show: toc,darkmode,chat,comment



# Math 数学
# 不要在标题里使用 mathjax 语法，toc 目录不一定能正确显示 mathjax，可能显示 mathjax 代码
# 不要在标题里使用 KaTeX 语法，toc 目录不能正确显示 KaTeX
# --------------------------------------

mathjax:
  enable: false
  # true 表示每一页都加载mathjax.js
  # false 需要时加载，须在使用的Markdown Front-matter 加上 mathjax: true
  per_page: false
# https://www.npmjs.com/package/hexo-renderer-kramed
# 如果 per_page 设为 true,则每一页都会加载 Mathjax 服务。设为 false，则需要在文章 Front-matter 添加 mathjax: true,对应的文章才会加载 Mathjax 服务

katex:
  enable: false
  # true 表示每一页都加载katex.js
  # false 需要时加载，须在使用的Markdown Front-matter 加上 katex: true
  per_page: false
  hide_scrollbar: true
# https://katex.org/docs/options.html
# https://github.com/hexojs/hexo-renderer-markdown-it
# 首先禁用MathJax（如果你配置过 MathJax 的话），然后修改你的主题配置文件以便加载katex.min.css:
# 你不需要添加 katex.min.js 来渲染数学方程。相应的你需要卸载你之前的 hexo 的 markdown 渲染器，然后安装其它插件
# npm un hexo-renderer-marked --save # 如果有安装这个的话，卸载
# npm un hexo-renderer-kramed --save # 如果有安装这个的话，卸载
# npm i hexo-renderer-markdown-it --save # 需要安装这个渲染插件
# npm install katex @renbaoshuo/markdown-it-katex #需要安装这个katex插件



# 搜索系统
# see https://butterfly.js.org/posts/ceeb73f/#搜索系統
# --------------------------------------

algolia_search:
  enable: true
  hits:
    per_page: 6
    # 每页显示的数量
# Algolia 二选一
# https://github.com/oncletom/hexo-algolia
# https://github.com/LouisBarranqueiro/hexo-algoliasearch
# 如果你使用 hexo-algoliasearch，请记得配置 fields 参数的 title, permalink 和 content

local_search:
  enable: false
  preload: true
  # 预加载，开启后，进入网页后会自动加载搜索文件。关闭时，只有点击搜索按钮后，才会加载搜索文件
  top_n_per_article: 1
  # 匹配的文章结果，默认显示最开始的 1 段结果
  unescape: false
  # 将 html 字符串解码为可读字符串
  CDN:
  # 搜索文件的 CDN 地址（默认使用的本地链接）
# 本地搜索
# https://github.com/PaicHyperionDev/hexo-generator-search

docsearch:
  enable: false
  appId:
  # 你的 Algolia 应用 ID
  apiKey:
  # 你的 Algolia 搜索 API key
  indexName:
  # 你的 Algolia index name
  option:
  # 其余的 docsearch 配置
  # https://docsearch.algolia.com/docs/api/
# DocSearch
# https://docsearch.algolia.com/
# DocSearch 是另一款由 algolia 提供的搜索服务，具体申请和使用请查看 DocSearch 文档



# 分享功能
# 只能选择一个分享服务商
# --------------------------------------

addThis:
  enable: false
  pubid:
  # 你的pub-id
# https://www.addthis.com/
# 访问 AddThis 官网，找到你的 pub-id

sharejs:
  enable: true
  sites: twitter,wechat,weibo,qq
  # 设置分享平台，可选：facebook,twitter,wechat,weibo,qq
# https://github.com/overtrue/share.js

addtoany:
  enable: false
  item: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link
# https://www.addtoany.com/



# 评论设置
# https://butterfly.js.org/posts/ceeb73f/#%E8%A9%95%E8%AB%96
# --------------------------------------

comments:
  use: Twikoo
  # 使用的评论（请注意，最多支持两个，如果不需要请留空）
  # 注意：双评论不能是 Disqus 和 Disqusjs 一起，由于其共用同一个 ID，会出错
  # Disqus / Disqusjs / Livere / Gitalk / Valine / Waline / Utterances / Facebook Comments / Twikoo / Giscus/ Remark42 / Artalk
  text: true
  # 是否显示评论服务商的名字
  lazyload: false
  # 是否为评论开启lazyload，开启后，只有滚动到评论位置时才会加载评论所需要的资源（开启 lazyload 后，评论数将不显示）
  count: true
  # 是否在文章顶部显示评论数
  # livere、Giscus 和 utterances 不支持评论数显示
  card_post_count: false
  # 是否在首页文章卡片显示评论数
  # gitalk、livere 、Giscus 和 utterances 不支持评论数显示

disqus:
  shortname:
  apikey:
  # 对于最新的评论小部件
# https://disqus.com/
# 注册 disqus，配置你自己的 disqus，然后在Butterfly里开启它

disqusjs:
  shortname:
  apikey:
  option:
# https://github.com/SukkaW/DisqusJS
# 与Disqus一样，但由于Disqus在中国大陆无法访问， 使用Disqusjs可以在无法访问Disqus时显示评论。具体可参考Disqusjs。

livere:
  uid:
# https://www.livere.com/
# 注册来必力，配置你自己的来必力设置，然后在Butterfly里开启它

gitalk:
  client_id:
  client_secret:
  repo:
  owner:
  admin:
  option:
# https://github.com/gitalk/gitalk
# 遵循 gitalk的指示去获取你的 github Oauth 应用的 client id 和 secret 值。以及查看它的相关配置説明

valine:
  appId: 
  appKey: 
  avatar: monsterid 
  # 风格样式 https://valine.js.org/#/avatar
  serverURLs: 
  # 此配置适用于国内自定义域名用户，海外版本将自动检测（无需手动填写）
  bg: 
  # valine 背景
  visitor: false
  option:
# https://valine.js.org
# 遵循 Valine的指示去配置你的 LeanCloud 应用。以及查看相应的配置説明
# Valine于 v1.4.5 开始支持自定义表情，如果你需要自行配置，请在emojiCDN配置表情 CDN
# 开启 visitor 后，文章页的访问人数将改为 Valine 提供，而不是 不蒜子

waline:
  serverURL: 
  # Waline 服务器地址url
  bg: 
  # waline 背景
  pageview: false
  option:
# https://waline.js.org/
# Waline - 一款从 Valine 衍生的带后端评论系统。可以将 Waline 等价成 With backend Valine
# 开启 pageview 后，文章页的访问人数将改为 Waline 提供，而不是 不蒜子

utterances:
  repo:
  # 可选 pathname/url/title/og:title
  issue_term: pathname
  # 可选 github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark
  light_theme: github-light
  dark_theme: photon-dark
# https://utteranc.es/
# 与Gitalk一样，基于 GitHub issues 的评论工具。相对于Gitalk,其相对需要权限较少。具体配置可参考Utterances。

facebook_comments:
  app_id:
  user_id: 
  pageSize: 10
  # 要显示的评论数
  order_by: social
  # social / time / reverse_time
  lang: zh_TW
  # 语言 en_US / zh_CN / zh_TW
# https://developers.facebook.com/docs/plugins/comments/
# Facebook Comments是Facebook提供的评论插件，需要登陆Facebook才可评论

twikoo:
  envId: {搭建的twikoo的环境ID}
  # 环境 ID
  region:
  # 环境地域，默认为 ap-shanghai，如果您的环境地域不是上海，需传此参数
  visitor: false
  # 是否显示文章閲读数
  option:
  # 可选配置
# https://github.com/imaegoo/twikoo
# Twikoo 是一个简洁、安全、无后端的静态网站评论系统，基于腾讯云开发
# 你只需要把获取到的 环境ID (envId) 填写到配置上去就行
# 开启 visitor 后，文章页的访问人数将改为 Twikoo 提供，而不是 不蒜子

giscus:
  repo:
  repo_id:
  category_id:
  theme:
    light: light
    dark: dark
  option:
# https://giscus.app/
# 一个基于 GitHub Discussions 的评论

remark42:
  host: # Your Host URL
  siteId: # Your Site ID
  option:
# https://remark42.com/docs/configuration/frontend/
# remark42 是一款只支持私有部署的评论

artalk:
  server:
  site:
  visitor: false
  option:
# https://artalk.js.org/guide/frontend/config.html
# artalk 是一款只支持私有部署的评论



# 在綫聊天设置
# --------------------------------------

chat_btn: false
# 它将在网站右下角创建一个按钮，并隐藏源按钮

chat_hide_show: false
# 为了不影响访客的体验，主题提供一个chat_hide_show配置
# 设为true后，向上滚动时显示原始聊天按钮，向下滚动时隐藏该按钮

chatra:
  enable: false
  id:
# https://chatra.io/
# 打开chatra并注册账号，在 Preferences 中找到 Public key

tidio:
  enable: false
  public_key:
# https://www.tidio.com/
# 打开tidio并注册账号，在 Preferences > Developer 中找到 Public key

daovoice:
  enable: false
  app_id:
# http://dashboard.daovoice.io/app
# 打开daovoice和注册帐号，找到你的app id

gitter:
  enable: false
  room:
# https://gitter.im/
# 打开Gitter和注册账号,创建一个 community 或者 room ,复制名称到设置去

crisp:
  enable: false
  website_id:
# https://crisp.chat/en/
# 打开crisp并注册帐号,找到需要的网站ID

messenger:
  enable: false
  pageID:
  lang: zh_TW
  # 语言 en_US / zh_CN / zh_TW
# https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin/
# messenger 为 Facebook 旗下的聊天服务



# 网站分析统计
# --------------------------------------

baidu_analytics:
# 百度统计
# https://tongji.baidu.com/web/welcome/login

google_analytics:
# 谷歌分析
# https://analytics.google.com/analytics/web/

cloudflare_analytics:
# Cloudflare 分析
# https://www.cloudflare.com/zh-tw/web-analytics/

microsoft_clarity:
# 微软Clarity
# https://clarity.microsoft.com/



# 广告
# --------------------------------------

google_adsense:
# 谷歌广告
  enable: false
  auto_ads: true
  js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
  client:
  # 填入个人识别码
  enable_page_level_ads: true

# ad:
# 手动插入广告
#   index:
    # 主页文章列表中
#   aside:
    # 侧边栏
#   post:
    # 文章底部
# 三个位置可供插入广告，分别为主页文章(每三篇文章出现广告)/aside公告之后/文章页打赏之后；把html代码填写到对应的位置
# index: <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="xxxxxxxxxxxx" data-ad-client="ca-pub-xxxxxxxxxx" data-ad-slot="xxxxxxxxxx"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({})</script>



# 网站验证
# --------------------------------------

site_verification:
  # - name: google-site-verification
  #   content: xxxxxx
  # - name: baidu-site-verification
  #   content: xxxxxxx



# 美化/特效
# 可以修改大部分UI颜色
# 颜色值必须被双引号包裹，就像"#000"而不是#000。否则将会在构建的时候报错！
# --------------------------------------

# theme_color:
#   enable: true
#   main: "#49B1F5"
#   paginator: "#00c4b6"
#   button_hover: "#FF7242"
#   text_selection: "#00c4b6"
#   link_color: "#99a9bf"
#   meta_color: "#858585"
#   hr_color: "#A4D8FA"
#   code_foreground: "#F47466"
#   code_background: "rgba(27, 31, 35, .05)"
#   toc_color: "#00c4b6"
#   blockquote_padding_color: "#49b1f5"
#   blockquote_background_color: "#49b1f5"
#   scrollbar_color: "#49b1f5"
#   meta_theme_color_light: "ffffff"
#   meta_theme_color_dark: "#0d0d0d"



# 主页top_img显示大小
# 默认top_img全屏，site_info在中间
# 使用默认, 都无需填写（建议默认）
# --------------------------------------

index_site_info_top:
# 主页标题距离顶部距离  例如 300px/300em/300rem/10%
index_top_img_height:
# 主页top_img高度 例如 300px/300em/300rem  不能使用百分比

# The user interface setting of category and tag page (category和tag頁的UI設置)
# index - same as Homepage UI (index 值代表 UI將與首頁的UI一樣)
# default - same as archives UI 默認跟archives頁面UI一樣
category_ui: # 留空或 index
tag_ui: # 留空或 index

background: 'linear-gradient(90deg, rgba(247, 149, 51, 0.1) 0, rgba(243, 112, 85, 0.1) 15%, rgba(239, 78, 123, 0.1) 30%, rgba(161, 102, 171, 0.1) 44%, rgba(80, 115, 184, 0.1) 58%, rgba(16, 152, 173, 0.1) 72%, rgba(7, 179, 155, 0.1) 86%, rgba(109, 186, 130, 0.1) 100%)'
# 网站背景
# 图片格式 url(http://xxxxxx.com/xxx.jpg)
# 颜色（HEX值/RGB值/顔色单词/渐变色)
# 留空 不显示背景

footer_bg: false
# footer是否显示图片背景(与top_img一致)

rightside-bottom:
# 右下角按钮距离底部的距离（单位为：px）

enter_transitions: true
# 网站载入效果



# 打字效果
# https://github.com/disjukr/activate-power-mode
# --------------------------------------

activate_power_mode:
  enable: false
  colorful: true
  # 冒光特效
  shake: false
  # 抖动特效
  mobile: false



# 背景特效
# --------------------------------------

canvas_ribbon:
  enable: false
  size: 150
  alpha: 0.6
  zIndex: -1
  click_to_change: false
  # 设置是否每次点击都更换綵带
  mobile: false
  # false：手机端不显示 true：手机端显示
# 静态丝带
# https://github.com/hustcc/ribbon.js

canvas_fluttering_ribbon:
  enable: false
  mobile: false
  # false：手机端不显示 true：手机端显示
# 动态丝带

canvas_nest:
  enable: false
  color: '0,0,255'
  # 线条颜色，默认值：“0,0,0”；RGB值：（R、G、B）。（注意：使用“，”分隔。）
  opacity: 0.7
  # 线条的不透明度（0~1），默认值：0.5
  zIndex: -1
  # 背景的z-index属性，默认值：-1
  count: 99
  # 行数，默认值：99
  mobile: false
  # false：手机端不显示 true：手机端显示
# 多结构
# https://github.com/hustcc/canvas-nest.js



# 鼠标点击效果
# --------------------------------------

fireworks:
  enable: false
  zIndex: 9999
  # 建议只在 -1 至 9999 间选；-1：代表烟火效果在底部；9999：代表烟火效果在前面
  mobile: false
  # false：手机端不显示 true：手机端显示
# 烟花效果

click_heart:
  enable: false
  mobile: false
  # false：手机端不显示 true：手机端显示
# 爱心效果

ClickShowText:
  enable: false
  text:
    # - I
    # - LOVE
    # - YOU
  fontSize: 15px
  random: false
  # 文字随机显示
  mobile: false
  # false：手机端不显示 true：手机端显示
# 文字效果
# 点击出现文字，文字可自行修改



# 网站默认颜色
# light (default) / dark
# --------------------------------------

display_mode: light



# 页面美化
# 会改变ol、ul、h1-h5的样式
# --------------------------------------

beautify:
  enable: true
  field: post
  # post：只在文章页生效；site：在全站生效
  title-prefix-icon: '\f08d'
  title-prefix-icon-color: '#F47466'



# 自定义字体和字体大小
# 非必要不要修改
# --------------------------------------

font:
  global-font-size:
  code-font-size:
  font-family: ziti,"MiSans",sans-serif
  code-font-family:
# 全局字体

blog_title_font:
  font_link:
  font-family:
# Blog 标题字体
# 左上角网站名字 主页居中网站名字



# hr水平分割线的图标设置
# --------------------------------------

hr_icon:
  enable: true
  icon: 
  # the unicode value of Font Awesome icon, such as '\3423'
  icon-top:



# 网站副标题
# --------------------------------------

subtitle:
  enable: true
  effect: true
  # 打字效果
  loop: true
  # 循环打字
  typed_option:
  # Customize typed.js (配置typed.js)
  source: false
  # source 调用第三方服务
  # source: false 关闭调用
  # source: 1  调用一言网的一句话（简体） https://hitokoto.cn/
  # source: 2  调用一句网（简体） http://yijuzhan.com/
  # source: 3  调用今日诗词（简体） https://www.jinrishici.com/
  # subtitle 会先显示 source , 再显示 sub 的内容
  sub:
    - 山不见我 我便去见山
    - 人不可能每步路都是正确的，我不想回头
    - 希望有个在我打退堂鼓的时候悄悄把鼓藏起来的人
    - 不要怕 轻舟已过万重山
    - 知其不可奈何而安之若命
    - 出现在别人的生活里要像一份礼物
    - 山高路远 看世界 也找自己
    - 发泄后的自醒不能用来赎罪
    - 正是因为那些暗淡浑浊的过去 才成就了此刻闪闪发光的自己
    - 参天之木，必有其根；怀山之水必有其源
    - 遗憾的是我们从来没有被坚定选择过
    - 好景不会太长久，后来渐渐都明白了，遗憾也是
    - 人的一生，总是在替代和被替代中进行
    - 真的很喜欢说走就走，既浪漫又踏实
    - It’s better to be alone than to be with someone you’re not happy to be with.
    - I’ll think of you every step of the way.
    - There are only the pursued, the pursuing, the busy and the tired.
    - Moonlight city. You just couldn't see an end to it.



# 页面加载动画 preloader
# --------------------------------------

preloader:
  enable: true
  source: 3
  # source；1. 开屏加载；2. 顶部进度
  # pace theme (see https://codebyzach.github.io/pace/)
  pace_css_url: /css/icat_change.css
  avatar: https://s11.ax1x.com/2023/07/07/pCc1TSO.jpg
  # 自定义头像 （魔改 - 满屏loader）



# 字数统计
# see https://butterfly.js.org/posts/ceeb73f/#字數統計
# --------------------------------------

wordcount:
  enable: true
  post_wordcount: true
  min2read: true
  total_wordcount: true



# 图片大图查看模式
# 只能开启一个，或不开启
# --------------------------------------

medium_zoom: false
# https://github.com/francoischalifour/medium-zoom

fancybox: true
# http://fancyapps.com/fancybox/3/



# abcjs 乐谱
# 在页面上渲染乐谱
# See https://github.com/paulrosen/abcjs
# --------------------------------------

abcjs:
  enable: false
  per_page: true



# mermaid
# see https://github.com/mermaid-js/mermaid
# Mermaid 是一个基于 Javascript 的图表绘制工具，通过解析类 Markdown 的文本语法来实现图表的创建和动态修改
# --------------------------------------

mermaid:
  enable: false
  # built-in themes: default/forest/dark/neutral
  theme:
    light: default
    dark: dark



# Not标签
# https://butterfly.js.org/posts/4aa8abbe/#Note-Bootstrap-Callout
# --------------------------------------

note:
  style: flat
  # Note tag style values:
  #  - simple    bs-callout old alert style. Default.
  #  - modern    bs-callout new (v2-v3) alert style.
  #  - flat      带有背景的平面标注样式，如 Mozilla 或 StackOverflow
  #  - disabled  禁用注释标签的所有CSS样式导入
  icons: true
  border_radius: 3
  # icons和light_bg_offset只对方法一生效
  light_bg_offset: 0
  # 对于现代和平面样式 (modern: -12 | 12; flat: -18 | 6)
  # 偏移也应用于标签标记变量。此选项可用于禁用的注释标记



# Pjax
# https://github.com/MoOx/pjax
# 当用户点击链接，通过ajax更新页面需要变化的部分，然后使用HTML5的pushState修改浏览器的URL地址；这样可以不用重复加载相同的资源（css/js）， 从而提升网页的加载速度
# 使用pjax后，一些自己DIY的js可能会无效，跳转页面时需要重新调用；使用pjax后，一些个别页面加载的js/css，将会改为所有页面都加载
# --------------------------------------

pjax:
  enable: true
  exclude:
    # - xxxx
    # - xxxx



# 全局吸底Aplayer音乐
# --------------------------------------

aplayerInject:
  enable: true
  per_page: true



# Snackbar 弹窗
# https://github.com/polonel/SnackBar
# --------------------------------------

snackbar:
  enable: true
  position: bottom-center
  # 弹窗位置可选 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
  bg_light: '#49b1f5'
  # light mode时弹窗背景
  bg_dark: '#1f1f1f'
  # dark mode时弹窗背景



# 预加载
# 当鼠标悬停到链接上超过 65 毫秒时，Instantpage 会对该链接进行预加载，可以提升访问速度
# https://instant.page/
# --------------------------------------

instantpage: true



# Pangu
# https://github.com/vinta/pangu.js
# 自动在网页中所有的中文字和半形的英文、数字、符号之间插入空格
# --------------------------------------

pangu:
  enable: false
  field: site # site/post



# Lazyload (圖片懶加載)
# https://github.com/verlok/vanilla-lazyload

lazyload:
  enable: true
  field: site
  # 整站或文章 site / post
  placeholder:
  blur: false



# PWA
# https://github.com/JLHwung/hexo-offline
# https://butterfly.js.org/posts/ceeb73f/#PWA
# --------------------------------------

# pwa:
#   enable: false
#   manifest: /pwa/manifest.json
#   apple_touch_icon: /pwa/apple-touch-icon.png
#   favicon_32_32: /pwa/32.png
#   favicon_16_16: /pwa/16.png
#   mask_icon: /pwa/safari-pinned-tab.svg



# Open Graph
# https://developers.facebook.com/docs/sharing/webmasters/
# 在 head 里增加一些 meta 资料，例如缩略图、标题、时间等等。当你分享网页到一些平台时，平台会读取 Open Graph 的内容，展示缩略图，标题等等信息
# --------------------------------------

Open_Graph_meta:
  enable: true
  option:
    # twitter_card:
    # twitter_image:
    # twitter_id:
    # twitter_site:
    # google_plus:
    # fb_admins:
    # fb_app_id:



# CSS 前缀
# 有些 CSS 并不是所有浏览器都支持，需要增加对应的前缀才会生效
# 开启 css_prefix 后，会自动为一些 CSS 增加前缀。（会增加 20%的体积）
# --------------------------------------

css_prefix: true



# Inject
# 如想添加额外的 js / css / meta 等等东西，可以在Inject里添加，插入代码到头部 </head> 之前 和 底部 </body> 之前
# --------------------------------------

inject:
  head:
    - <link rel="stylesheet" href="/css/icat.css">
    - <link rel="stylesheet" href="/css/icat_change.css">
    - <link rel="stylesheet" href="https://cdn3.codesign.qq.com/icons/XMx86jzlQw0brz3/latest/iconfont.css"> # 腾讯iconfont - 图标库
    - <script async src="https://cdn.meuicat.com/sweetalert2@11.7.18/sweetalert2.all.min.js"></script> # 关于页面 - 打赏弹窗
    - <link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,500,700:Chinese_Simplify,Latin&display=swap"> # 字体 - MiSans
    - <style id="barragesColor"></style> # 热评弹窗 - 载体
    - <script async src="/js/statistics.js"></script> # 监控统计
    
  bottom:
    - <script async data-pjax src="/js/icat.js"></script>
    - <script async src="/icat/random.js"></script> # 随机网页跳转
    - <script type="text/javascript" src="https://unpkg.zhimg.com/jquery@latest/dist/jquery.min.js"></script> # 腾讯地图定位 - 定制化JS
    - <script data-pjax src="/js/txmap.js"></script> # 腾讯地图定位 - API
    - <script type="text/javascript" src="/js/rightmenu.js"></script> # 右键菜单 - 多样式JS
    - <script async type="text/javascript" src="/js/commentBarrage.js" data-pjax=""></script> # 热评弹窗 - 函数处理
    - <script>var meting_api='https://meting.meuicat.com/index.php?server=:server&type=:type&id=:id&auth=:auth&r=:r';</script> # meting api


# CDN
# 非必要请勿修改，配置后请确认链接是否能访问
# --------------------------------------

CDN:
  internal_provider: local
  # 主题内部 js 的 cdn 配置
  # 可选 local(本地) / jsdelivr / unpkg / cdnjs / custom(自定义格式)
  # dev版的主题只能设置为 local

  third_party_provider: custom
  # 第三方 js 的 cdn 配置
  # 可选 local(本地) / jsdelivr / unpkg / cdnjs / custom(自定义格式)
  # 当设置为本地（local）时，需要安装 install hexo-butterfly-extjs 插件

  version: false
  # true/false 为 cdn 加上指定版本号
  # 如需修改版本号，可修改主题目录的 'plugins.yml' 中对应插件的 version
  # 请确保你修改的版本号，你所使用的 cdn 有收录

  custom_format: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
  # 自定义格式
  # https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
  # name - npm 上的包名 / file - npm 上的文件路径 / min_file - npm 上的文件路径（压缩过的文件） / cdnjs_name - cdnjs 上的包名 / cdnjs_file - cdnjs 上的文件路径 / min_cdnjs_file - cdnjs 上的文件路径（压缩过的文件） / version - 插件版本号
  # Staticfile（七牛云）：https://www.staticfile.org/ - https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file} - 同步 cdnjs
  # BootCDN：https://www.bootcdn.cn/ - https://cdn.bootcdn.net/ajax/libs/${cdnjs_name}/${version}/${min_cdnjs_file} - 同步 cdnjs
  # Baomitu（360）：https://cdn.baomitu.com/ - 最新版本：https://lib.baomitu.com/${cdnjs_name}/latest/${min_cdnjs_file} / 指定版本： https://lib.baomitu.com/${cdnjs_name}/${version}/${min_cdnjs_file} - 同步 cdnjs
  # Elemecdn - 最新版本： https://npm.elemecdn.com/${name}@latest/${file} / 指定版本： https://npm.elemecdn.com/${name}@${version}/${file} - 同步 npm

  option:
    # main_css:
    # main:
    # utils:
    # translate:
    # local_search:
    # algolia_js:
    algolia_search: https://cdn.staticfile.org/algoliasearch/4.18.0/algoliasearch.umd.min.js
    # instantsearch:
    # docsearch_js:
    # docsearch_css:
    pjax: https://lib.baomitu.com/pjax/0.2.8/pjax.min.js
    # gitalk:
    # gitalk_css:
    # blueimp_md5:
    # valine:
    # disqusjs:
    # disqusjs_css:
    twikoo: https://cdn.staticfile.org/twikoo/1.6.16/twikoo.all.min.js
    # waline_js:
    # waline_css:
    # giscus:
    sharejs: https://lib.baomitu.com/social-share.js/1.0.16/js/social-share.min.js
    sharejs_css: https://lib.baomitu.com/social-share.js/1.0.16/css/share.min.css
    # mathjax:
    # katex:
    # katex_copytex:
    # mermaid:
    # canvas_ribbon:
    # canvas_fluttering_ribbon:
    # canvas_nest: https://cdn.staticfile.org/canvas-nest.js/2.0.4/canvas-nest.js
    lazyload: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vanilla-lazyload/17.3.1/lazyload.iife.min.js
    instantpage: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/instant.page/5.1.0/instantpage.min.js
    typed: https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/typed.js/2.0.12/typed.min.js
    # pangu:
    # fancybox_css: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.css
    # fancybox: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.min.js
    medium_zoom: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/medium-zoom/1.0.6/medium-zoom.min.js
    snackbar_css: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/node-snackbar/0.1.16/snackbar.min.css
    snackbar: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/node-snackbar/0.1.16/snackbar.min.js
    # activate_power_mode:
    # fireworks:
    # click_heart:
    # ClickShowText:
    fontawesome: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css
    # flickr_justified_gallery_js:
    # flickr_justified_gallery_css:
    aplayer_css: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css
    aplayer_js: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js
    # meting_js: https://cdn1.tianli0.top/npm/js-heo@1.0.12/metingjs/Meting.min.js
    prismjs_js: https://cdn1.tianli0.top/npm/prismjs@1.1.0/prism.js
    prismjs_lineNumber_js: https://cdn1.tianli0.top/npm/prismjs/plugins/line-numbers/prism-line-numbers.min.js
    prismjs_autoloader: https://cdn1.tianli0.top/npm/prismjs/plugins/autoloader/prism-autoloader.min.js
    # artalk_js: https://cdn.staticfile.org/artalk/2.5.5/Artalk.min.js
    # artalk_css: https://cdn.staticfile.org/artalk/2.5.5/Artalk.min.css
    # busuanzi: https://cdn.staticfile.org/busuanzi/2.3.0/bsz.pure.mini.js
    # abcjs_basic_js:
    countup_js: /js/countup.js

安装的插件

必要的插件
插件名版本号用途
hexo@6.3.0Hexo 博客框架
hexo-generator-archive@2.0.0Hexo自带 - 归档
hexo-generator-category@2.0.0Hexo自带 - 分类
hexo-generator-tag@2.0.0Hexo自带 - 标签
hexo-generator-index@3.0.0Hexo自带 - 生成index页面
hexo-renderer-ejs@2.0.0Hexo自带 - ejs支持
hexo-renderer-marked@6.0.0Hexo自带 - 对Markdown的渲染支持
hexo-renderer-pug@3.0.0pug渲染器
hexo-renderer-stylus@2.1.0stylus渲染器
hexo-server@3.0.0Hexo服务器模块
hexo-deployer-git@4.0.0Git部署功能
个人使用添加的插件
插件名版本号用途
hexo-generator-feed@3.0.0生成站点地图XML
hexo-generator-sitemap@3.0.1生成Sitemap
hexo-generator-baidu-sitemap@0.1.9生成百度Sitemap
hexo-filter-nofollow@2.0.2自动为站内链接加上nofollow
hexo-baidu-url-submit@0.0.6主动推送新链接至百度搜索引擎
hexo-blog-encrypt@3.1.6为你的隐私文章添加密码来查阅
hexo-algoliasearch@1.0.0搜索功能
hexo-wordcount@6.0.1字数统计
gulp@4.0.2gulp插件
gulp-htmlclean@2.7.22gulp压缩HTML文件
gulp-html-minifier-terser@7.1.0gulp压缩HTML文件 - terser
gulp-clean-css@4.3.0gulp压缩CSS文件
gulp-terser@2.1.0gulp压缩JS文件
1
2
3
4
5
6
7
8
9
10
11
npm ls -dept 0
# 当前目录已安装插件

npm install [插件名] --save
# 下载安装最新的插件包

npm install [插件名@版本号] --save
# 下载安装指定版本的插件包

npm uninstall [插件名] --save
# 卸载插件包

CSS颜色变量

因调整和魔改教程中有大量 css 颜色变量代码 如color: var(–icat-white)等类似代码, 均为 css 颜色代码, 此处为目前所有的颜色变量定义 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
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
:root {
    --icat-white: #fff;
    --icat-white-op: rgba(255, 255, 255, 0.2);
    --icat-black: #000;
    --icat-black-op: rgba(0, 0, 0, 0.2);
    --icat-none: #00000000;
    --icat-gray: #999999;
    --icat-gray-op: #9999992b;
    --icat-vip: #e5a80d;
    --icat-main: var(--icat-theme);
    --icat-main-op: var(--icat-theme-op);
    --icat-main-op-deep: var(--icat-theme-op-deep);
    --icat-main-none: var(--icat-theme-none);
    --icat-shadow-theme: 0 8px 12px -3px var(--icat-theme-op);
    --icat-shadow-blackdeep: 0 2px 16px -3px rgba(0, 0, 0, .15);
    --icat-shadow-main: 0 8px 12px -3px var(--icat-main-op);
    --icat-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, .20);
    --icat-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, .20);
    --icat-shadow-black: 0 0 12px 4px rgba(0, 0, 0, .05);
    --icat-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, .12);
    --icat-shadow-red: 0 8px 12px -3px #ee7d7936;
    --icat-shadow-green: 0 8px 12px -3px #87ee7936;
    --icat-logo-color: linear-gradient(215deg, #4584ff 0%, #cf0db9 100%);
    --icat-snackbar-time: 5s;
    --icat-theme: #425AEF;
    --icat-theme-op: #4259ef23;
    --icat-theme-op-deep: #4259efdd;
    --icat-theme-none: #4259ef01;
    --icat-blue: #425AEF;
    --icat-red: #f04a63;
    --icat-pink: #FF7C7C;
    --icat-green: #57bd6a;
    --icat-yellow: #c28b00;
    --icat-yellow-op: #d99c001a;
    --icat-orange: #e38100;
    --icat-fontcolor: #363636;
    --icat-background: #f7f9fe;
    --icat-reverse: #000;
    --icat-maskbg: rgba(255, 255, 255, 0.6);
    --icat-maskbgdeep: rgba(255, 255, 255, 0.85);
    --icat-hovertext: var(--icat-main);
    --icat-ahoverbg: #F7F7FA;
    --icat-lighttext: var(--icat-main);
    --icat-secondtext: rgba(60, 60, 67, 0.8);
    --icat-scrollbar: rgba(60, 60, 67, 0.4);
    --icat-card-btn-bg: #edf0f7;
    --icat-post-blockquote-bg: #fafcff;
    --icat-post-tabs-bg: #f2f5f8;
    --icat-secondbg: #f1f3f8;
    --icat-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
    --icat-card-bg: #fff;
    --icat-card-bg-op: var(--icat-black-op);
    --icat-card-bg-none: rgba(255, 255, 255, 0);
    --icat-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
    --icat-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
    --icat-card-border: #e3e8f7;
    --icat-shadow-border: 0 8px 16px -4px #2c2d300c;
    --icat-tabs-background: #49B1F5;
    --style-border: 1px solid var(--icat-card-border);
    --style-border-always: 1px solid var(--icat-card-border);
    --style-border-hover: 1px solid var(--icat-main);
    --style-border-hover-always: 1px solid var(--icat-main);
    --style-border-dashed: 1px dashed var(--icat-theme-op);
    --style-border-forever: 2px solid var(--icat-main);
  }
  
  [data-theme=light] {
    --icat-theme: #425AEF;
    --icat-theme-op: #4259ef23;
    --icat-theme-op-deep: #4259efdd;
    --icat-theme-none: #4259ef01;
    --icat-blue: #425AEF;
    --icat-red: #f04a63;
    --icat-pink: #FF7C7C;
    --icat-green: #57bd6a;
    --icat-yellow: #c28b00;
    --icat-yellow-op: #d99c001a;
    --icat-orange: #e38100;
    --icat-fontcolor: #363636;
    --icat-background: #f7f9fe;
    --icat-reverse: #000;
    --icat-maskbg: rgba(255, 255, 255, 0.6);
    --icat-maskbgdeep: rgba(255, 255, 255, 0.85);
    --icat-hovertext: var(--icat-main);
    --icat-ahoverbg: #F7F7FA;
    --icat-lighttext: var(--icat-main);
    --icat-secondtext: rgba(60, 60, 67, 0.8);
    --icat-scrollbar: rgba(60, 60, 67, 0.4);
    --icat-card-btn-bg: #edf0f7;
    --icat-post-blockquote-bg: #fafcff;
    --icat-post-tabs-bg: #f2f5f8;
    --icat-secondbg: #f1f3f8;
    --icat-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
    --icat-card-bg: #fff;
    --icat-card-bg-op: var(--icat-black-op);
    --icat-card-bg-none: rgba(255, 255, 255, 0);
    --icat-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
    --icat-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
    --icat-card-border: #e3e8f7;
    --icat-shadow-border: 0 8px 16px -4px #2c2d300c;
    --icat-tabs-background: #49B1F5;
    --icat-footer-background: rgb(255 255 255 / 0%);
    --style-border: 1px solid var(--icat-card-border);
    --style-border-always: 1px solid var(--icat-card-border);
    --style-border-hover: 1px solid var(--icat-main);
    --style-border-hover-always: 1px solid var(--icat-main);
    --style-border-dashed: 1px dashed var(--icat-theme-op);
    --style-border-forever: 2px solid var(--icat-main);
  }
  
  [data-theme=dark] {
    --icat-theme: #f2b94b;
    --icat-theme-op: #f2b94b23;
    --icat-theme-op-deep: #f2b94bdd;
    --icat-theme-none: #f2b94b00;
    --icat-blue: #0084FF;
    --icat-red: #FF3842;
    --icat-pink: #d44040;
    --icat-green: #3e9f50;
    --icat-yellow: #ffc93e;
    --icat-yellow-op: #ffc93e30;
    --icat-orange: #ff953e;
    --icat-fontcolor: #F7F7FA;
    --icat-background: #18171d;
    --icat-reverse: #fff;
    --icat-maskbg: rgba(0, 0, 0, 0.6);
    --icat-maskbgdeep: rgba(0, 0, 0, 0.85);
    --icat-hovertext: #0A84FF;
    --icat-ahoverbg: #fff;
    --icat-lighttext: var(--icat-theme);
    --icat-secondtext: #a1a2b8;
    --icat-scrollbar: rgba(200, 200, 223, 0.4);
    --icat-card-btn-bg: #30343f;
    --icat-post-blockquote-bg: #000;
    --icat-post-tabs-bg: #121212;
    --icat-secondbg: #30343f;
    --icat-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);
    --icat-card-bg: #1d1e22;
    --icat-card-bg-op: var(--icat-white-op);
    --icat-card-bg-none: #1d1b2600;
    --icat-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.0);
    --icat-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.0);
    --icat-card-border: #3d3d3f;
    --icat-shadow-border: 0 8px 16px -4px #00000050;
    --icat-tabs-background: #81d8cf;
    --icat-footer-background: linear-gradient(90deg, rgba(247, 149, 51, 0.1) 0, rgba(243, 112, 85, 0.1) 15%, rgba(239, 78, 123, 0.1) 30%, rgba(161, 102, 171, 0.1) 44%, rgba(80, 115, 184, 0.1) 58%, rgba(16, 152, 173, 0.1) 72%, rgba(7, 179, 155, 0.1) 86%, rgba(109, 186, 130, 0.1) 100%);
    --style-border: 1px solid var(--icat-card-border);
    --style-border-always: 1px solid var(--icat-card-border);
    --style-border-hover: 1px solid var(--icat-theme);
    --style-border-hover-always: 1px solid var(--icat-theme);
    --style-border-dashed: 1px dashed var(--icat-theme-op);
    --style-border-forever: 2px solid var(--icat-lighttext);
  }