forked from xaoxuu/hexo-theme-stellar
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_config.yml
executable file
·650 lines (603 loc) · 25.1 KB
/
_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
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
######## Stellar info ########
stellar:
version: '1.29.0'
homepage: 'https://xaoxuu.com/wiki/stellar/'
repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
main_css: /css/main.css
main_js: /js/main.js
######## head tags ########
preconnect:
# - https://gcore.jsdelivr.net
# - https://cdn.jsdelivr.net
# - https://unpkg.com
open_graph:
enable: true
twitter_id: # for open_graph meta
######## Sidebar ########
# 左上角显示的 logo 区域，包含图标、大标题、副标题
logo:
avatar: '[{config.avatar}](/about/)' # you can set avatar link in _config.yml or '[https://xxx.png](/about/)'
title: '[{config.title}](/)' # you can set html tag like: '[<img no-lazy height="32px" src="xxx"/>](/)'
subtitle: '{config.subtitle}' # '文字1 | 文字2' (鼠标放上去会切换到文字2)
# 侧边栏主功能导航菜单
menubar:
columns: 4 # 一行多少个
items: # 可按照自己需求增加，符合以下格式即可
# id: 页面中高亮的 menu_id
# theme: 高亮时的颜色，仅 svg 中 fill="currentColor" 时有效
# icon: 支持 svg/img 标签，可以定义在 icons.yml 文件中，也支持外部图片的 URL
# title: 标题
# url: 点击跳转到哪，支持相对路径和绝对路径
# - id: post
# theme: '#1BCDFC'
# icon: solar:documents-bold-duotone
# title: 博客
# url: /
# - id: wiki
# theme: '#3DC550'
# icon: solar:notebook-bookmark-bold-duotone
# title: 文档
# url: /wiki/
# - id: explore
# theme: '#FA6400'
# icon: solar:planet-bold-duotone
# title: 探索
# url: /explore/
# - id: social
# theme: '#F44336'
# icon: solar:chat-square-like-bold-duotone
# title: 社交
# url: /friends/
######## Main ########
# 站点主结构树
site_tree:
# -- 列表类页面 -- #
# 主页配置
home:
leftbar: welcome, recent
rightbar:
# 博客列表页配置
index_blog:
base_dir: blog # 只影响自动生成的页面路径
menu_id: post # 未在 front-matter 中指定 menu_id 时，layout 为 post 的页面默认使用这里配置的 menu_id
leftbar: welcome, recent # for categories/tags/archives
rightbar:
nav_tabs: # 近期发布 分类 标签 专栏 归档 and ...
# '朋友文章': /friends/rss/
# 博客专栏列表页配置
index_topic:
base_dir: topic # 只影响自动生成的页面路径
menu_id: post # 未在 front-matter 中指定 menu_id 时，layout 为 topic 的页面默认使用这里配置的 menu_id
# 文档列表页配置
index_wiki:
base_dir: wiki # 只影响自动生成的页面路径
menu_id: wiki # 未在 front-matter 中指定 menu_id 时，layout 为 wiki 的页面默认使用这里配置的 menu_id
leftbar: related, recent # for wiki
rightbar:
nav_tabs:
# 'more': https://github.com/xaoxuu
# -- 内容类页面 -- #
# 博客文章内页配置
post:
menu_id: post # 未在 front-matter 中指定 menu_id 时，layout 为 post 的页面默认使用这里配置的 menu_id
leftbar: related, recent # for pages using 'layout:post'
rightbar: ghrepo, toc
# 博客专栏文章内页配置
topic:
menu_id: post
# 文档内页配置
wiki:
menu_id: wiki # 未在 front-matter 中指定 menu_id 时，layout 为 wiki 的页面默认使用这里配置的 menu_id
leftbar: tree, related, recent # for wiki
rightbar: ghrepo, toc
# 笔记本列表页配置
notebooks:
base_dir: notebooks # 笔记本列表页的路径。以及未指定 base_dir 的笔记本的路径前缀。
menu_id: notebooks # 笔记本列表页高亮的主导航栏菜单按钮。
# 笔记本列表页的左侧栏和右侧栏。
leftbar: recent # recent within all notebooks
rightbar: null
# 笔记列表页配置
notes:
# 笔记列表页和笔记页高亮的主导航栏菜单按钮。
# 可以在笔记本 yaml 的 menu_id 字段中覆盖此参数。
# 可以在笔记的 front-matter/menu_id 中覆盖此参数。
menu_id: notebooks
# 笔记列表页的左侧栏和右侧栏。可以在笔记本 yaml 的 leftbar 和 rightbar 字段中覆盖此参数。
leftbar: tagtree, recent # recent of current notebook
rightbar: null
# 笔记页配置
note:
# 笔记页的左侧栏和右侧栏
# 可以在笔记本 yaml 的 note_leftbar 和 note_rightbar 字段中覆盖此参数。
# 可以在笔记的 front-matter/leftbar 和 rightbar 字段中覆盖此参数。
leftbar: tagtree, recent # recent of current notebook
rightbar: toc
# 作者信息配置
author:
base_dir: author # 只影响自动生成的页面路径
menu_id: post
leftbar: recent, timeline
rightbar: timeline
# 错误页配置
error_page:
menu_id: post
'404': '/404.html'
leftbar: recent, timeline
rightbar: timeline
# 其它自定义页面配置 layout: page
page:
leftbar: recent
rightbar: toc
######## Notebook ########
notebook:
# 如果没有指定 excerpt 和 description，将自动取多长的内容作为文章摘要。
auto_excerpt: 128
# 可以为某个 tag 设定图标（显示在标签树中）。
tagcons:
'': solar:hashtag-linear
# 每页显示多少篇笔记。0 表示不分页，null 则 fallback 到 hexo 的配置。
# 可以在笔记本 yaml 的 per_page 字段中覆盖此参数。
per_page: null
# 笔记的排序方式。默认按照 updated 降序排序。
# 可以在笔记本 yaml 的 order_by 字段中覆盖此参数。
# 注意：置顶的笔记会始终排在最前面。
# 在 front-matter 中设置 pin:true|number 或 sticky:true|number 来置顶。
order_by: -updated
# 是否在笔记页面显示许可协议。false 表示不显示。true 表示沿用主题许可协议内容。也可以给定具体的文本指定协议内容。
# 可以在笔记本 yaml 的 license 字段中覆盖此参数。
# 可以在笔记的 front-matter/license 中覆盖此参数。
license: false
# 是否在笔记页面显示分享按钮。
# 可以在笔记本 yaml 的 share 字段中覆盖此参数。
# 可以在笔记的 front-matter/share 中覆盖此参数。
share: false
######## Article ########
article:
# 文章类型，决定布局风格，可以在 front-matter/topic/wiki 中覆盖此参数
type: tech # tech: 默认技术类文章, story: 图文类文章，文字和段落间增距大
# 缩进两个文字宽度，适合文字类博客，可以在 front-matter/topic/wiki 中覆盖此参数
indent: # true / false
# 如果没有指定封面，是否根据 tags 作为关键词搜索封面图片？
auto_cover: false # search from https://source.unsplash.com/
# 封面图宽高比
cover_ratio: 2.4
# 如果没有指定横幅，是否根据 tags 作为关键词搜索横幅图片？
auto_banner: false # search from https://source.unsplash.com/
# 如果没有指定 excerpt 和 description，将自动取多长的内容作为文章摘要？
auto_excerpt: 128
# 分类颜色
category_color:
'探索号': '#f44336'
# 文章许可协议
license: '本文采用 [署名-非商业性使用-相同方式共享 4.0 国际](https://creativecommons.org/licenses/by-nc-sa/4.0/) 许可协议，转载请注明出处。'
# 分享
share: # [wechat, weibo, email, link]
# 相关文章，需要安装插件 (for layout: post)
# npm i hexo-related-popular-posts
related_posts:
enable: false
max_count: 5
search:
service: local_search # local_search, algolia_search, todo...
local_search: # 在 front-matter 中设置 indexing:false 来避免被搜索索引
field: all # post, page, all
path: /search.json # 搜索文件存放位置
content: true # 是否搜索内容
algolia_search: # Docsearch https://docsearch.algolia.com/apply/ 申请
appId:
apiKey:
indexName:
######## Comments ########
comments:
service: # beaudar, utterances, giscus, twikoo, waline, artalk
comment_title: 快来参与讨论吧~
lazyload: false # true / false
# beaudar
# https://beaudar.lipk.org/
beaudar:
repo: xxx/xxx
issue-term: pathname
issue-number:
theme: preferred-color-scheme
label:
input-position: top # top/bottom 评论框位置
comment-order: desc # desc 排序
keep-theme: # true/false
loading: false
branch: main
# utterances
# https://utteranc.es/
utterances:
repo: xxx/xxx
issue-term: pathname
issue-number:
theme: preferred-color-scheme
label:
# giscus
# https://giscus.app/zh-CN
giscus:
src: https://giscus.app/client.js
data-repo: xxx/xxx # [在此输入仓库]
data-repo-id: # [在此输入仓库 ID]
data-category: # [在此输入分类名]
data-category-id:
data-mapping: pathname
data-strict: 0
data-reactions-enabled: 1
data-emit-metadata: 0
data-input-position: top # top, bottom
data-theme: preferred_color_scheme
data-lang: zh-CN
data-loading: # lazy
crossorigin: anonymous
# Twikoo
# https://twikoo.js.org/
twikoo:
js: https://gcore.jsdelivr.net/npm/[email protected]/dist/twikoo.all.min.js # 建议锁定版本
envId: https://xxx # vercel函数
# Waline
# https://waline.js.org/
waline:
js: https://gcore.jsdelivr.net/npm/@waline/[email protected]/dist/waline.js
css: https://gcore.jsdelivr.net/npm/@waline/[email protected]/dist/waline.css
meta_css: https://gcore.jsdelivr.net/npm/@waline/[email protected]/dist/waline-meta.css
# Waline server address url, you should set this to your own link
serverURL: https://waline.vercel.app
# If false, comment count will only be displayed in post page, not in home page
commentCount: true
# Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`.
pageview: false
# Custom emoji
# emoji:
# - https://unpkg.com/@waline/[email protected]/weibo
# - https://unpkg.com/@waline/[email protected]/alus
# - https://unpkg.com/@waline/[email protected]/bilibili
# - https://unpkg.com/@waline/[email protected]/qq
# - https://unpkg.com/@waline/[email protected]/tieba
# - https://unpkg.com/@waline/[email protected]/tw-emoji
# - https://unpkg.com/@waline/[email protected]/bmoji
# 设置自己的图床服务，替换默认的 Base 64 编码嵌入（有体积大小限制），在评论中上传图片更加方便
# imageUploader:
# 适配了兰空图床V1、V2版本
# 以兰空图床V1为例，下列填写内容为：
# fileName: file
# tokenName: Authorization
# api: https://xxxxxx/api/v1/upload
# token: Bearer xxxxxxxxxxxxxx
# resp: data.links.url
# 以兰空图床V2为例，下列填写内容为：
# fileName: image
# tokenName: token
# api: https://xxxxxx/api/upload
# token: xxxxxxxxxxxxxx
# resp: data.url
# fileName: # 根据版本二选一
# tokenName: # 根据版本二选一
# api: # 图床 api 地址
# token: # 图床验证
# resp: # 图片地址返回值的字段
# Artalk
# https://artalk.js.org/
artalk:
css: https://unpkg.com/[email protected]/dist/Artalk.css
js: https://unpkg.com/[email protected]/dist/Artalk.js
server: # 后端服务地址
placeholder: ''
darkMode: auto
######## Footer ########
footer:
social:
# github:
# icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/social/08a41b181ce68.svg"/>'
# url: /
# music:
# icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/social/3845874.svg"/>'
# url: /
# unsplash:
# icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/social/3616429.svg"/>'
# url: /
# comments:
# icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/social/942ebbf1a4b91.svg"/>'
# url: /about/#comments
# theme:
# icon: default:theme
# onclick: 'switchTheme()'
sitemap:
# '博客':
# - '[近期](/)'
# - '[分类](/)'
# - '[标签](/)'
# - '[归档](/)'
# '项目':
# - '[开源库](/)'
# '社交':
# - '[友链](/)'
# - '[留言板](/)'
# '更多':
# - '[关于本站](/)'
# - '[GitHub](/)'
content: | # 支持 Markdown 格式
本站由 [{author.name}](/) 使用 [{theme.name} {theme.version}]({theme.tree}) 主题创建。
本博客所有文章除特别声明外，均采用 [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/) 许可协议，转载请注明出处。
# 主题用户越多，开发者维护和更新的积极性就越高，如果您喜欢本主题，请在适当的位置显示主题信息和仓库链接以表支持。
######## Tag Plugins ########
tag_plugins:
# {% box %} / {% note %}
note:
default_color: '' # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
border: true # true / false
# {% checkbox %}
checkbox:
interactive: false # enable interactive for user
# {% quot %}
quot:
default: # 可以自行配置多种图标方案
prefix: https://bu.dusays.com/2022/10/24/63567d3e092ff.png
suffix: https://bu.dusays.com/2022/10/24/63567d3e0ab55.png
hashtag:
prefix: https://bu.dusays.com/2022/10/24/63567d3e07da3.png
question:
prefix: ph:seal-question-fill
# {% emoji %}
emoji:
default: https://gcore.jsdelivr.net/gh/cdn-x/emoji/qq/{name}.gif
twemoji: https://gcore.jsdelivr.net/gh/twitter/twemoji/assets/svg/{name}.svg
qq: https://gcore.jsdelivr.net/gh/cdn-x/emoji/qq/{name}.gif
aru: https://gcore.jsdelivr.net/gh/cdn-x/emoji/aru-l/{name}.gif
tieba: https://gcore.jsdelivr.net/gh/cdn-x/emoji/tieba/{name}.png
blobcat: https://gcore.jsdelivr.net/gh/norevi/[email protected]/blobs/{name}.png
icon:
# 留空时，图标和文字颜色相同
default_color: accent # theme, accent, red, orange, yellow, green, cyan, blue, purple
# {% button 标题 链接 %}
button:
default_color: theme # theme, accent, red, orange, yellow, green, cyan, blue, purple
# {% image %}
image:
fancybox: false # true, false
# {% copy xxx %}
copy:
toast: 复制成功
# {% timeline %}
timeline:
max-height: 80vh
# {% mark %}
mark:
default_color: yellow # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
# {% hashtag %}
hashtag:
default_color: # red, orange, yellow, green, cyan, blue, purple
# {% okr o1 percent:0.5 status:normal %}
okr:
border: true # 是否显示边框
status: # 可以自行增加
# 进行中状态
in_track:
color: blue # red, orange, yellow, green, cyan, blue, purple
label: 正常
at_risk:
color: yellow
label: 风险
off_track:
color: orange
label: 延期
# 结果状态
finished:
color: green
label: 已完成
unfinished:
color: red
label: 未完成
# {% gallery %}
gallery:
layout: grid # grid / flow
size: mix # s / m / l / xl / mix
ratio: square # origin / square
# 基础依赖
dependencies:
jquery: https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
marked: https://cdn.jsdelivr.net/npm/[email protected]/lib/marked.umd.min.js
# 内置服务，按需加载（页面内用到了就会加载，没有用到就不会加载）
data_services:
# 外部 md 渲染
mdrender:
js: /js/services/mdrender.js
# 数据填充类
siteinfo:
js: /js/services/siteinfo.js
# 设置 api 可以自动提取网页标题、图标，服务部署方法：https://github.com/xaoxuu/site-info-api/
# 接口测试通过后，把按钮的 href 部分替换成 {href} 之后填写到下方，例如：https://api.vlts.cc/site_info/v1?url={href}
api:
ghinfo:
js: /js/services/ghinfo.js
ghuserinfo:
js: /js/services/ghuserinfo.js
# 网格布局类
sites:
js: /js/services/sites.js
friends:
js: /js/services/friends.js
# 列表布局类
timeline:
js: /js/services/timeline.js
fcircle:
js: /js/services/fcircle.js
weibo:
js: /js/services/weibo.js
memos:
js: /js/services/memos.js
# 扩展插件接入方法：(插件名下面用 #plugin# 代替)
# 1. 在这里增加 #plugin# 配置，至少赢含有 enable 字段，默认为空（不启用）
# 2. 新建文件 layout/_plugins/#plugin#.ejs 文件中设置编写加载代码。
# 2.1. 在该文件中可以直接使用 conf 来读取用户在【步骤 1】填写的配置字段内容
# 2.2. 如果需要引入 css 或 js，可以使用 utils.css(xxx)、utils.js(xxx)，具体可参考 layout/_plugins/fancybox.ejs
# 2.3. 如果需要本地 js 文件，请放入 /source/js/plugins 文件夹中，引入方式为：utils.js('/js/plugins/xxx.js');
# 3. 如果这个插件只需要引入外部文件，可以在【步骤 1】处增加 inject 字段，而无需进入【步骤 2】创建 ejs，参考 katex
plugins:
# preload
preload:
enable: true
service: flying_pages # flying_pages
flying_pages: https://cdn.jsdelivr.net/npm/flying-pages@2/flying-pages.min.js
# lazyload
# https://www.npmjs.com/package/vanilla-lazyload
lazyload:
enable: true # [hexo clean && hexo s] is required after changing this value.
js: https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js
transition: fade # blur, fade
# https://fancyapps.com/docs/ui/fancybox/
# available for {% image xxx %}
fancybox:
enable: true
loader: /js/plugins/fancybox-loader.js
js: https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js
css: https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css
# 让 md 语法图片支持放大可以这样写: .md-text img:not([class]), .md-text .image img
# 可以处理评论区的图片（不支持 iframe 类评论系统）例如：
# 使用 twikoo 评论可以写: .tk-content img:not([class*="emo"])
# 使用 waline 评论可以写: #waline_container .vcontent img
selector: .timenode p>img # 多个选择器用英文逗号隔开
# swiper
swiper:
enable: true
css: https://unpkg.com/[email protected]/swiper-bundle.min.css
js: https://unpkg.com/[email protected]/swiper-bundle.min.js
# https://scrollrevealjs.org/api/reveal.html
scrollreveal:
enable: #true
js: https://cdn.jsdelivr.net/npm/[email protected]/dist/scrollreveal.min.js
distance: 16px
duration: 800 # ms
interval: 100 # ms
scale: 1 # 0.1~1
# AI 摘要
# https://github.com/qxchuckle/Post-Summary-AI
tianli_gpt:
enable: #true
js: https://jsd.onmicrosoft.cn/gh/qxchuckle/[email protected]/chuckle-post-ai.min.js
field: post # all, post, wiki
key: 5Q5mpqRK5DkwT1X9Gi5e # tianli_gpt key
total_length: 1000 # 设置提交的字数限制，默认为1000字，上限为5000，超过5000字符将被截断
typewriter: true # 打字机动画
summary_directly: true # 是否直接显示摘要，否则显示 AI 简介
rec_method: all # all, web # 文章推荐方式，all：匹配数据库内所有文章进行推荐，web：仅当前站内的文章，默认all
hide_shuttle: true # 是否隐藏矩阵穿梭
summary_toggle: false
interface:
name: AI摘要
introduce: '我是文章辅助AI: QX-AI，点击下方的按钮，让我生成本文简介、推荐相关文章等。'
version: TianliGPT
button: ["介绍自己", "推荐文章", "生成摘要", "矩阵穿梭"]
# Katex - The fastest math typesetting library for the web
# https://katex.org/docs/autorender.html
# https://github.com/KaTeX/KaTeX
# 使用 hexo-renderer-markdown-it-plus 作为公式渲染器：npm uninstall hexo-renderer-marked --save npm install hexo-renderer-markdown-it-plus --save
katex:
enable: #true # hexo-renderer-markdown-it-plus 默认开启 katex，此选项仅用于引入样式
inject: |
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous">
# MathJax
# 需在Markdown文件开头加入mathjax: true
# 推荐使用Pandoc: npm uninstall hexo-renderer-marked --save & npm install hexo-renderer-pandoc --save
mathjax:
enable: # true # 可以在特定文章的 front-matter 中设置 mathjax: true 来开启，也可以在这里设置全局开启
js: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.6/MathJax.js?config=TeX-AMS-MML_HTMLorMML
# Mermaid - markdwon to flow chart, seq chart, class chart ...
# 需要安装 npm install --save hexo-filter-mermaid-diagrams
# 使用时 需要在Markdown文件开头加入 mermaid: true
# 使用示例：
# ```mermaid
# graph LR
# A(Section A) -->|option 1| B(Section A)
# B -->|option 2| C(Section C)
# ```
mermaid:
enable: # true # 可以在特定文章的 front-matter 中设置 mermaid: true 来开启，也可以在这里设置全局开启
style_optimization: false # use custom style in stellar
# js: https://unpkg.com/[email protected]/dist/mermaid.min.js
js: https://cdn.jsdelivr.net/npm/mermaid@v9/dist/mermaid.min.js
# Available themes: default | dark | forest | neutral
theme: neutral
# 代码块复制按钮
copycode:
enable: true
default_text: 'Copy'
success_text: 'Copied'
toast: 复制成功
# 赫蹏 (Heti) - 专为中文网页内容设计的排版样式增强
# https://github.com/sivan/heti
heti:
enable: false # 此插件会和代码块冲突，仅适用于纯中文博主。
css: https://unpkg.com/[email protected]/umd/heti.min.css
js: https://unpkg.com/[email protected]/umd/heti-addon.min.js
style:
prefers_theme: auto # auto / light / dark
smooth_scroll: false # true / false 开启时如果目录过长可能无法准确定位
font-size:
root: 16px # 改这个会影响全局所有文字的字号
body: 17px # 影响正文区域的字号，如果改成 px 则不受 root 影响
code: 85% # 相较于其所在行的文本大小，建议用百分比
codeblock: 0.8125rem # 13px
font-family:
logo: 'system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif'
body: 'system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif'
code: 'Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif'
codeblock: 'Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif'
text-align: left
prefix:
h2: https://api.iconify.design/ci:heading-h2.svg
border-radius:
card-l: 16px # 侧边栏、文章横幅位置的圆角
card: 12px # 文章内大部分卡片的圆角
bar: 8px # 横条类元素的圆角
image: 12px # 图片圆角
color:
# 动态颜色（会根据明暗主题重设明度值，只用关心色相和饱和度即可）
background: 'hsl(212 16% 98%)' # 浅色背景颜色
block: 'hsl(212 8% 95%)' # 块背景颜色
code: 'hsl(220 20% 10%)' # 'hsl(14 100% 48%)' # 行内代码颜色
text: 'hsl(0 0% 20%)' # 文本颜色
# 主题色配置（不会根据明暗动态调整，请设置为通用的颜色）
theme: 'hsl(192 98% 55%)' # 主题色
accent: 'hsl(14 100% 57%)' # 强调色
link: 'hsl(207 90% 54%)' # 超链接颜色
hover: 'hsl(14 100% 57%)' # 按钮高亮颜色
animated_avatar:
animate: auto # auto, always
background: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/avatar/round/[email protected]
codeblock:
scrollbar: 4px
highlightjs_theme: https://gcore.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/atom-one-dark.min.css
loading:
loading: 正在加载
error: 加载失败，请稍后重试。
gradient: # https://webgradients.com/
start: 'linear-gradient(to right, hsl(215, 95%, 64%), hsl(195, 95%, 60%), hsl(165, 95%, 56%), hsl(165, 95%, 56%), hsl(195 95% 60%), hsl(215, 95%, 64%))'
leftbar:
# 可以设置：纯色/渐变色/图片作为背景
# background: var(--leftbar-bg)
background-image: url(https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/image/[email protected])
blur-px: 100px
blur-bg: var(--alpha60)
paginator:
prev: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/arrow/f049bbd4e88ec.svg
next: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/arrow/064b95430caf4.svg
error_page: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/404/1c830bfcd517d.svg
site:
background-image: #'url(https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/image/[email protected])' # 未完全适配，慎用
blur-px: 100px
blur-bg: var(--alpha75)
default:
avatar: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/avatar/round/3442075.svg
link: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/link/8f277b4ee0ecd.svg
cover: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/cover/76b86c0226ffd.svg
image: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/image/2659360.svg
project: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/image/2779789.png
banner: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/banner/books.jpg
topic: https://gcore.jsdelivr.net/gh/cdn-x/[email protected]/image/10433048.png
api_host:
gh: https://github.com
ghapi: https://api.github.com
ghraw: https://raw.githubusercontent.com
gist: https://gist.github.com