forked from wu-kan/wu-kan.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_config.yml
666 lines (659 loc) · 26 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
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
title: 光锥之外 # 站点标题
tagline: lovetendia
description: | # 头像背后的信息，<br/>代表换行
博观而约取<br/>
厚积而勃发<br/>
好科学，喜历史<br/>
读政治，看文学<br/>
<a href="mailto:[email protected]" title="[email protected]">
<i class="fas fa-envelope"></i>
</a>
<a href="https://github.com/Kevin0Jung" title="github">
<i class="fab fa-github"></i>
</a>
<a href="https://codeforces.com/profile/Vandarkh0lme" title="Van">
<i class="fas fa-chart-bar"></i>
</a>
<a href=="https://weibo.com/zx66545416" title="weibo">
<i class="fab fa-weibo"></i>
</a>
<a href="https://space.bilibili.com/17123768" title="bilibili">
<i class="fas fa-tv"></i>
</a>
<iframe
src="//music.163.com/outchain/player?type=2&id=478507889&auto=0&height=32"
width=100%
height=52
frameborder="no"
border="0"
marginwidth="0"
marginheight="0"
></iframe>
url: https://Kevin0Jung.github.io # https://wu-kan.github.io
baseurl: "" # 假如你的博客是建在某个目录下的，请在这里加上目录名，并且下面配置的所有链接里的`/assets`前也要加，即`/your_baseurl/assets`。这一项结尾不要有'/'。
# githubpage上支持的插件见https://pages.github.com/versions/
plugins: # <https://jekyllrb.com/docs/plugins/>
- jekyll-readme-index # 使用readme做index，从而和github渲染效果一致
- jekyll-default-layout # 为每个markdown自动生成layout
- jekyll-seo-tag # 为每个页面生成标题
- jekyll-sitemap # 为站点生成站点地图
- jekyll-feed # 为站点生成RSS源
- jekyll-remote-theme # 使用remote_theme插件实现主题的前后分离，详见<https://github.com/benbalter/jekyll-remote-theme/>
remote_theme: https://github.com/wu-kan/[email protected] #使用固定版本号以防止主题更新导致站点显示错乱
jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
home:
append_to_section_tag:
- key: data-markdown
- key: data-separator # 水平展示页分隔符
value: <!-- slide -->
- key: data-separator-vertical # 垂直展示页分隔符
value: <!-- slide vertical=true -->
append_before: |
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/combine/npm/reveal.js/css/reveal.min.css,npm/reveal.js/css/theme/serif.min.css"
/>
<style>
.sidebar {
line-height: 1.5;
}
.reveal .slides {
text-align: left;
}
</style>
<script
defer="defer"
src="https://cdn.jsdelivr.net/npm/reveal.js/js/reveal.min.js"
onload="
document.getElementsByClassName('wrap')[0].classList.add('reveal');
let path = 'https:\/\/cdn.jsdelivr.net/npm/reveal.js/';
Reveal.initialize({
height: '100%',
hash: true,
mouseWheel: true,
navigationMode: 'linear',
parallaxBackgroundImage: 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAD8D+JaQAA3AA/uVqAAA=',//这是一张纯白图
dependencies: [
{ src: path+'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: path+'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: path+'plugin/highlight/highlight.js', async: true },
{ src: path+'plugin/zoom-js/zoom.js', async: true },
{ src: path+'plugin/notes/notes.js', async: true },
{ src: path+'plugin/math/math.js', async: true }
]
});
"></script>
merger: #打赏页
append_to_head:
- | # 支持的变量见<https://merger.justhx.com/cn/docs/configure>
<script>
var usage = "payment";
var wechat = "wxp://f2f0LpZuY99EmbsQSpAez6gCGQLqJFXeCKgQ";
var alipay = "https://qr.alipay.com/fkx14094fzfed05c9buwm4f";
var myname = "光锥之外";
var profile = "https://s.gravatar.com/avatar/9a1af9901980ca0f8bda4a86cabdf155?s=300";
var multilingual = true;
var myname_hans = "光锥之外";
var myname_hant = "光錐之外";
var myname_eng = "Kevin Jung";
var title = "选择你的支付方式";
var subtitle = "跟随进一步的指示以向" + myname + "付款";
var qrcodeapi = "https://www.zhihu.com/qrcode?url=";
</script>
- |
<meta
charset="utf-8"
/>
<meta
name="viewport"
content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<meta
http-equiv="Content-Security-Policy"
content="upgrade-insecure-requests"
/>
- | # merger的页面样式
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/combine/gh/hifocus/[email protected]/assets/styles/spectre.css/spectre-modified.min.css,gh/hifocus/[email protected]/assets/styles/style.min.css"
/>
<script
src='https://cdn.jsdelivr.net/combine/gh/hifocus/[email protected]/assets/js/jQuery/jquery.min.js,gh/hifocus/[email protected]/assets/js/jquery-qrcode/jquery-qrcode.min.js,gh/hifocus/[email protected]/assets/js/JavaScript_MD5/md5.min.js,gh/hifocus/[email protected]/assets/js/function.min.js,gh/hifocus/[email protected]/assets/js/font_974919_xgtacm93vxp.min.js'
defer='defer'
></script>
page404:
append_before:
- | # 腾讯公益
<script
src='https://qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js'
async='async'
charset='utf-8'
homePageUrl='/'
homePageName='回到我的主页'
></script>
tags:
alert: <i class="fas fa-tag"></i>
count: true
archive:
posts_count:
enable: true
alert: 篇博文。长路漫漫！
comments:
alert: |
<div class="v">
<i class="fas fa-spinner fa-pulse"></i>
</div>
<script
src='https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js'
async='async'
onload='
new Valine({
"el": ".v",
"appId": "H6caCCigPg8eoDCqq31IeNXD-gzGzoHsz",
"appKey": "YtND0i6B2fAu66Podpd5W2nc",
"notify": "true",
"verify": "true",
"avatar": "identicon",
"placeholder": "在这里评论吧！",
"visitor": true,
"highlight": true,
"avatarForce": false,
"recordIP": true
})'
></script>
post:
date:
enable: true
alert: <i class="fas fa-calendar-day"></i>
wordcount:
enable: true
alert: <i class="fas fa-file-word"></i>
unit: 字
readtime:
enable: true
alert: <i class="fas fa-book-open"></i>
unit: 分
divided_by: 300 # 正常人的阅读速度大概每分钟三百个字
visitor: # 需要引入并开启valine的visitor选项使之开始计数; 可能会和busuanzi统计的有出入
enable: true
alert: <i class="far fa-eye"></i>
unit: 次
tags:
enable: true
alert: <i class="fas fa-tag"></i>
copyright: |
<br/>
<i class="fab fa-creative-commons"></i>
<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh">BY-SA 4.0</a>（除特别声明或转载文章外）
<br/>
<i class="fas fa-coffee"></i>
<a href="/merger/">如果这篇博客帮助到你，可以请我喝一杯咖啡~</a>
page:
masthead:
enable: true
append_before:
- | # 代码块背景透明（否则mermaid受影响），且代码块超过半屏的时候自动折叠增加阅读体验
<style>
pre {
max-height: 50vh;
overflow: auto;
background-color: rgba(0, 0, 0, 0);
}
</style>
- | # 增加宽屏下的显示内容
<style>
@media (min-width: 66rem) {
.container {
max-width: calc(100vw - 28rem);
}
}
</style>
- | # 给文章加上白色背景，防止被背景影响阅读
<style>
.masthead {
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.1);
}
.content {
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 .5rem .5rem rgba(255, 255, 255, 0.9);
border: none;
}
</style>
- | # 加载动画
<style>
.masthead,
.content {
animation: animationAppear 2s;
}
@keyframes animationAppear {
0%,
33% {
opacity: 0;
}
100% {}
}
</style>
- | # Katex
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css"
/>
<script
src="https://cdn.jsdelivr.net/combine/npm/katex/dist/katex.min.js,npm/katex/dist/contrib/mathtex-script-type.min.js,npm/katex/dist/contrib/auto-render.min.js"
defer="defer"
onload='renderMathInElement(document.body, { delimiters: [{ left: "$", right: "$", display: false }] })'
></script>
- | # mermaid
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css"
/>
<script
src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"
defer="defer"
onload='
for(let x=document.getElementsByClassName("language-mermaid"), i=0;i<x.length;i++)
{
x[i].classList.add("mermaid");
x[i].classList.remove("language-mermaid");
}'
></script>
- | # prism代码高亮
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/combine/npm/prismjs/plugins/line-numbers/prism-line-numbers.min.css,npm/prismjs/plugins/toolbar/prism-toolbar.min.css,gh/PrismJS/prism-themes@1955cfef6953b3a59e66016e8a1e016b45d6cc79/themes/prism-nord.css"
/>
<script
src="https://cdn.jsdelivr.net/combine/npm/prismjs/components/prism-core.min.js,npm/prismjs/plugins/autoloader/prism-autoloader.min.js,npm/prismjs/plugins/line-numbers/prism-line-numbers.min.js,npm/prismjs/plugins/toolbar/prism-toolbar.min.js"
defer="defer"
onload='
Prism.plugins.autoloader.languages_path = "https:\/\/cdn.jsdelivr.net/npm/prismjs/components/";
for(let x=document.getElementsByTagName("pre"), i=0;i<x.length;i++)
{
x[i].classList.add("line-numbers");
}
Prism.plugins.toolbar.registerButton("select-code", function (env) {
let button = document.createElement("button");
button.innerHTML = "select this " + env.language;
button.addEventListener("click", function () {
if (document.body.createTextRange) {
let range = document.body.createTextRange();
range.moveToElementText(env.element);
range.select();
} else if (window.getSelection) {
let selection = window.getSelection();
let range = document.createRange();
range.selectNodeContents(env.element);
selection.removeAllRanges();
selection.addRange(range);
}
});
return button;
})'
></script>
default:
body:
theme-base: theme-base-0d # 可选的值08~0f，见<https://github.com/poole/lanyon>
layout-reverse: false # 开启后sidebar在右边，反之左边
sidebar-overlay: false # 开启后正文不随sidebar移动而移动
sidebar:
disable: false
avatar: # 侧边栏显示的头像
enable: true
img: https://s.gravatar.com/avatar/9a1af9901980ca0f8bda4a86cabdf155?s=320 # 头像的地址
nav:
- title: '<i class="fas fa-home fa-fw"></i> 首页'
href: /
- title: '<i class="fas fa-comments fa-fw"></i> 留言'
href: /comments/
- title: '<i class="fas fa-tags fa-fw"></i> 标签'
href: /tags/
- title: '<i class="fas fa-archive fa-fw"></i> 归档'
href: /archive/
- title: '<i class="fas fa-coffee fa-fw"></i> 打赏'
href: /merger/
simple_jekyll_search:
enable: true
full_text_search: false # 可能导致缓慢的搜索和加载
alert: |
<input
id="sidebar-search-input"
placeholder="搜索博文"
style="background: none;border: none;color: #fff;width: 100%;"/>
<ol
id="sidebar-search-results-container"
style="overflow: auto auto;max-height:50vh;"
></ol>
<script
src='https://cdn.jsdelivr.net/npm/simple-jekyll-search/dest/simple-jekyll-search.min.js'
async='async'
onload='
SimpleJekyllSearch({
json: "/assets/simple-jekyll-search/search.json",
searchInput: document.getElementById("sidebar-search-input"),
resultsContainer: document.getElementById("sidebar-search-results-container"),
searchResultTemplate: `<li><a href="{url}">{title}</a></li>`,
limit: 999,
fuzzy: true
})'
></script>
append_to_sidebar:
- | # 目录插件
<aside style="overflow: auto auto;max-height:50vh;" id="toc">
目录
</aside>
<script
defer='defer'
src='https://cdn.jsdelivr.net/npm/html-contents/html-contents.min.js'
onload="htmlContents('#toc', {listType: 'o', filter: function(arr) {return !arr.matches('.masthead-title')}})"
></script>
- | # 运行时间
<div>
<i class="fas fa-cog fa-spin fa-fw"></i>
<span id="run_time_day">
<i class="fas fa-spinner fa-pulse"></i>
</span>天
<span id="run_time_hour">
<i class="fas fa-spinner fa-pulse"></i>
</span>时
<span id="run_time_minute">
<i class="fas fa-spinner fa-pulse"></i>
</span>分
<span id="run_time_second">
<i class="fas fa-spinner fa-pulse"></i>
</span>秒
<script>
setInterval(function (BirthDay) {
function setzero(i) {
if (i < 10) return "0" + i;
return i;
}
BirthDay = new Date(BirthDay);
today = new Date();
timeold = (today.getTime() - BirthDay.getTime());
sectimeold = timeold / 1000;
secondsold = Math.floor(sectimeold);
msPerDay = 24 * 60 * 60 * 1000;
e_daysold = timeold / msPerDay;
daysold = Math.floor(e_daysold);
e_hrsold = (e_daysold - daysold) * 24;
hrsold = Math.floor(e_hrsold);
e_minsold = (e_hrsold - hrsold) * 60;
minsold = Math.floor((e_hrsold - hrsold) * 60);
seconds = Math.floor((e_minsold - minsold) * 60);
document.getElementById("run_time_day").innerHTML = daysold;
document.getElementById("run_time_hour").innerHTML = setzero(hrsold);
document.getElementById("run_time_minute").innerHTML = setzero(minsold);
document.getElementById("run_time_second").innerHTML = setzero(seconds);
}, 1000, "02/26/2020 11:03:56") // 这是我第一篇CSDN博客的时间
</script>
</div>
- | # 不蒜子页面统计
<div>
<div>
<i class="fas fa-eye fa-fw"></i>
<span id="busuanzi_value_page_pv">
<i class="fas fa-spinner fa-pulse"></i>
</span>次
</div>
<div>
<i class="fas fa-paw fa-fw"></i>
<span id="busuanzi_value_site_pv">
<i class="fas fa-spinner fa-pulse"></i>
</span>枚
</div>
<div>
<i class="fas fa-user-friends fa-fw"></i>
<span id="busuanzi_value_site_uv">
<i class="fas fa-spinner fa-pulse"></i>
</span>人
</div>
<script
src='https://cdn.jsdelivr.net/npm/busuanzi'
async='async'
></script>
</div>
- | # Copyright
<div>
<i class="fas fa-copyright fa-fw"></i>
2020-... Kevin
</div>
- | # 这个主题来自WuKan,觉得好看的话可以自己试试看
<div>
<i class="fas fa-thumbs-up fa-fw"></i>
<a href="https://jekyll-theme-WuK.wu-kan.cn">
jekyll-theme-WuK
</a>
</div>
wordcount:
enable: false # 本地调试时建议关闭，非常影响站点生成速度（与博文数量的平方成正比）
alert: <i class="fas fa-user-edit fa-fw"></i>
kilo: 千
unit: 字
append_to_head: # 通过内嵌html的方式引入并定制插件，删改前确定知道自己在做什么。定制插件的方式可以参考这篇文章<https://wu-kan.cn/_posts/2019-01-18-基于Jekyll搭建个人博客/>
- | #一些页面优化标签
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1"
/>
<meta
http-equiv="content-type"
content="text/html; charset=utf-8"
/>
<link
rel="alternate"
href="/feed.xml"
title="RSS"
type="application/rss+xml"
/>
- | # 网站小图标
<link
rel="apple-touch-icon-precomposed"
href="https://s.gravatar.com/avatar/9a1af9901980ca0f8bda4a86cabdf155?s=300"
/>
<link
rel="shortcut
icon"
href="https://s.gravatar.com/avatar/9a1af9901980ca0f8bda4a86cabdf155?s=32"
/>
- | # 来自lanyon的页面样式
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/combine/gh/poole/lanyon@ac85a3115c094b3e6cb92cc41771e98b443f6c5d/public/css/poole.min.css,gh/poole/lanyon@ac85a3115c094b3e6cb92cc41771e98b443f6c5d/public/css/lanyon.min.css"
/>
- | #对于lanyon侧边栏按钮的一些补丁，Hide the sidebar checkbox that we toggle with `.sidebar-toggle`
<style>
.sidebar-checkbox {
display: none;
}
.sidebar-toggle {
position: fixed;
}
.sidebar-toggle:before,
.sidebar-toggle:active:before,
#sidebar-checkbox:focus~.sidebar-toggle:before,
#sidebar-checkbox:checked~.sidebar-toggle:before {
background-image: none;
}
</style>
- | # fontawesome
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css"
/>
- | # live2d看板娘！
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/Dreamer-Paul/[email protected]/static/pio.min.css"
/>
<script
async="async"
src="https://cdn.jsdelivr.net/combine/gh/Dreamer-Paul/[email protected]/static/l2d.min.js,gh/Dreamer-Paul/[email protected]/static/pio.min.js"
onload='
if (screen.width > screen.height)
{
let pio_container = document.createElement("div");
pio_container.classList.add("pio-container");
pio_container.classList.add("right");
pio_container.style.bottom = "-2rem";
pio_container.style.zIndex = "1";
document.body.insertAdjacentElement("beforeend", pio_container);
let pio_action = document.createElement("div");
pio_action.classList.add("pio-action");
pio_container.insertAdjacentElement("beforeend", pio_action);
let pio_canvas = document.createElement("canvas");
pio_canvas.id = "pio";
pio_canvas.style.width = "14rem";
pio_canvas.width = "600";
pio_canvas.height = "800";
pio_container.insertAdjacentElement("beforeend", pio_canvas);
let pio = new Paul_Pio({
"mode": "fixed",
"hidden": true,
"content": {
"link": ["https://jekyll-theme-WuK.wu-kan.cn"],
"skin": ["要换成我的朋友吗？", "让她放个假吧~"],
"custom": [{
"selector": "a",
"type": "link",
}, {
"selector": ".sidebar-toggle",
"text": "打开侧边栏叭~"
}, {
"selector": ".effect-info",
"text": "哇，你发现了什么！"
}, {
"selector": "#sidebar-search-input",
"text": "想搜索什么呢？很多干货哦！"
}, {
"selector": "#toc",
"text": "这是目录~"
}, {
"selector": ".page-title",
"text": "这是标题~"
}, {
"selector": ".v",
"text": "评论没有审核，要对自己的发言负责哦~"
}]
},
"model": [
"https:\/\/cdn.jsdelivr.net/gh/imuncle/live2d/model/33/model.2018.bls-winter.json",
"https:\/\/cdn.jsdelivr.net/gh/imuncle/live2d/model/platelet-2/model.json",
"https:\/\/cdn.jsdelivr.net/gh/imuncle/live2d/model/xiaomai/xiaomai.model.json",
"https:\/\/cdn.jsdelivr.net/gh/imuncle/live2d/model/mashiro/seifuku.model.json",
"https:\/\/cdn.jsdelivr.net/gh/imuncle/live2d/model/seele/model.json",
"https:\/\/cdn.jsdelivr.net/gh/imuncle/live2d/model/Violet/14.json",
"https:\/\/cdn.jsdelivr.net/gh/xiaoski/live2d_models_collection/Kobayaxi/Kobayaxi.model.json",
"https:\/\/cdn.jsdelivr.net/gh/xiaoski/live2d_models_collection/mikoto/mikoto.model.json",
"https:\/\/cdn.jsdelivr.net/gh/xiaoski/live2d_models_collection/uiharu/uiharu.model.json"]
});
}'
></script>
- | # 百度爬虫推送，http站点使用 http://push.zhanzhang.baidu.com/push.js
<script
src='https://zz.bdstatic.com/linksubmit/push.js'
async="async"
></script>
- | # 网站字体
<style>
html,
h1,
h2,
h3,
h4,
h5,
h6,
.sidebar {
font-family: Menlo, Monaco, "Courier New", Microsoft JhengHei, monospace;
}
</style>
- | # 网站背景图片，分竖屏、宽屏
<style>
.wrap {
min-height: 100vh;
display: inline-block;
background-size: 100vw auto;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url(https://wx3.sinaimg.cn/large/007SnF5Uly1gc8k32s2edj30u0190e81.jpg);
}
@media (min-aspect-ratio: 2400/1850) {
.wrap {
background-image: url(https://wx1.sinaimg.cn/large/007SnF5Uly1gc8hf0asdhj31hc0u0hdy.jpg);
}
}
</style>
- | # 头像效果
<style>
.effect {
margin: 1rem;
perspective: 900px;
}
.effect-info {
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
transform-style: preserve-3d;
}
.effect-img {
z-index: 11;
width: 100%;
height: 100%;
position: relative;
transition: all 0.5s ease-in-out;
}
.effect-img:before {
position: absolute;
display: block;
}
.effect-right_to_left .effect-img {
transform-origin: 0% 50%;
}
.effect-right_to_left:hover .effect-img {
transform: rotate3d(0, 1, 0, -180deg);
}
</style>
- | # 彩虹滚动条，仅对Chrome系浏览器生效
<style>
::-webkit-scrollbar {
width: 4px;
height: 4px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
}
</style>
- | # 在这里自定义你的页面样式吧~
<style>
img {
display: inline-block;
margin: 0;
}
</style>
readme_index:
with_frontmatter: true
permalink: /_posts/:year-:month-:day-:title/ #生成文章的地址格式，我希望它和_posts目录下的格式一样
# timezone: Asia/Shanghai # 解决githubpage显示时间不正确的问题，见https://www.iana.org/time-zones
# future: false # 不发布时间在未来的文章
# limit_posts: 999 # 限制博文数量
# encoding: utf-8
markdown: kramdown
kramdown: # 见https://kramdown.gettalong.org/options.html
input: GFM # 见http://jekyllcn.com/docs/configuration/#kramdown
syntax_highlighter_opts: # 可见https://kramdown.gettalong.org/syntax_highlighter/rouge.html
disable: true # 关掉默认的高亮，换用prismjs
# 以下为 githubpage上不可修改的参数，见https://help.github.com/en/github/working-with-github-pages/about-github-pages-and-jekyll
#lsi: false # 为相关文章生成索引
#safe: true # 禁用自定义插件
#source: [your repo's top level directory] # Jekyll 读取文件的路径
#incremental: false # 增量生成
#highlighter: rouge # 代码高亮器
#gist:
# noscript: false
#kramdown:
# math_engine: mathjax
# syntax_highlighter: rouge