@@ -157,7 +157,7 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
157
157
- | # 网站背景图片,分竖屏、宽屏;改链接即可,不想用可以把这一项全删掉;要换壁纸图片的话可把url内的部分换成你自己的,比如你放在 /assets/image/background.jpg,那就改成 url(/assets/image/background.jpg)
158
158
<style>
159
159
.wrap {
160
- transition-property: all ;
160
+ transition-property: width,background-size,transform ;
161
161
transition-duration: .3s;
162
162
transition-timing-function: ease-in-out;
163
163
min-height: 100%;
@@ -176,13 +176,13 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
176
176
.sidebar-overlay #sidebar-checkbox:checked ~ .wrap {
177
177
width: calc(100% - 14rem);
178
178
background-size: calc(100% - 14rem) auto;
179
- left: 14rem;
179
+ transform: translateX( 14rem) ;
180
180
}
181
181
.layout-reverse.sidebar-overlay #sidebar-checkbox:checked ~ .wrap {
182
- left: 0 ;
182
+ transform: translateX(0) ;
183
183
}
184
184
</style>
185
- - | # 网站字体
185
+ - | # 网站字体,要换字体建议架梯子上<https://fonts.google.com/>挑选,再通过fonts.loli.net 加速引入
186
186
<style>
187
187
html,
188
188
h1,
@@ -205,8 +205,8 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
205
205
- | # 彩虹滚动条,仅对Chrome系浏览器生效
206
206
<style>
207
207
::-webkit-scrollbar {
208
- width: 4px ;
209
- height: 4px ;
208
+ width: 3px ;
209
+ height: 3px ;
210
210
}
211
211
::-webkit-scrollbar-thumb {
212
212
background-image: linear-gradient(45deg, Cyan 0%, Magenta 50%, Yellow 100%);
@@ -317,11 +317,10 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
317
317
<style>
318
318
#toc {
319
319
overflow: auto auto;
320
- max-height:50vh;
320
+ max-height: 50vh;
321
321
}
322
322
</style>
323
323
<aside id="toc">
324
- 目录
325
324
</aside>
326
325
<script
327
326
defer='defer'
@@ -344,29 +343,34 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
344
343
<i class="fas fa-spinner fa-pulse"></i>
345
344
</span>秒
346
345
<script>
347
- setInterval(function (BirthDay ) {
346
+ setInterval(function (d,h,m,s,b ) {
348
347
function setzero(i) {
349
- if (i < 10) return "0" + i;
350
- return i;
348
+ return i < 10 ? "0" + i : i;
351
349
}
352
- BirthDay = new Date(BirthDay);
353
- today = new Date();
354
- timeold = (today.getTime() - BirthDay.getTime());
355
- sectimeold = timeold / 1000;
356
- secondsold = Math.floor(sectimeold);
357
- msPerDay = 24 * 60 * 60 * 1000;
358
- e_daysold = timeold / msPerDay;
359
- daysold = Math.floor(e_daysold);
360
- e_hrsold = (e_daysold - daysold) * 24;
361
- hrsold = Math.floor(e_hrsold);
362
- e_minsold = (e_hrsold - hrsold) * 60;
363
- minsold = Math.floor((e_hrsold - hrsold) * 60);
364
- seconds = Math.floor((e_minsold - minsold) * 60);
365
- document.getElementById("run_time_day").innerHTML = daysold;
366
- document.getElementById("run_time_hour").innerHTML = setzero(hrsold);
367
- document.getElementById("run_time_minute").innerHTML = setzero(minsold);
368
- document.getElementById("run_time_second").innerHTML = setzero(seconds);
369
- }, 1000, "10/04/2017 11:03:56") // 这是我第一篇CSDN博客的时间
350
+ let BirthDay = new Date(b);
351
+ let today = new Date();
352
+ let timeold = (today.getTime() - BirthDay.getTime());
353
+ let sectimeold = timeold / 1000;
354
+ let secondsold = Math.floor(sectimeold);
355
+ let msPerDay = 24 * 60 * 60 * 1000;
356
+ let e_daysold = timeold / msPerDay;
357
+ let daysold = Math.floor(e_daysold);
358
+ let e_hrsold = (e_daysold - daysold) * 24;
359
+ let hrsold = Math.floor(e_hrsold);
360
+ let e_minsold = (e_hrsold - hrsold) * 60;
361
+ let minsold = Math.floor((e_hrsold - hrsold) * 60);
362
+ let seconds = Math.floor((e_minsold - minsold) * 60);
363
+ d.textContent = daysold;
364
+ h.textContent = setzero(hrsold);
365
+ m.textContent = setzero(minsold);
366
+ s.textContent = setzero(seconds);
367
+ },
368
+ 1000,
369
+ document.getElementById("run_time_day"),
370
+ document.getElementById("run_time_hour"),
371
+ document.getElementById("run_time_minute"),
372
+ document.getElementById("run_time_second"),
373
+ "10/04/2017 11:03:56")// 这是我第一篇CSDN博客的时间
370
374
</script>
371
375
</div>
372
376
- | # 不蒜子页面统计,看不懂可不改
@@ -394,23 +398,30 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
394
398
async='async'
395
399
></script>
396
400
</div>
397
- - | # Copyright声明
398
- <div>
399
- <i class="fas fa-copyright fa-fw"></i>
400
- 2017-2020 WuK
401
- </div>
402
401
- | # 觉得我的主题好用的话,让更多的人知道它吧!
403
402
<div>
404
403
<i class="fas fa-thumbs-up fa-fw"></i>
405
404
<a href="https://jekyll-theme-WuK.wu-kan.cn">
406
405
jekyll-theme-WuK
407
406
</a>
408
407
</div>
408
+ - | # Copyright声明
409
+ <div>
410
+ <i class="fas fa-copyright fa-fw"></i>
411
+ 2017-2020 WuK
412
+ </div>
409
413
- | # 我的备案信息,请你的网站删掉这一项。互联网非法外之地!
410
414
<div>
411
415
<i class="fas fa-info-circle fa-fw"></i>
412
416
<a href="http://beian.miit.gov.cn">
413
- 粤ICP备20024947号
417
+ 粤ICP备 20024947号
418
+ </a>
419
+ </div>
420
+ - | # 公安网备信息
421
+ <div>
422
+ <img src="http://www.beian.gov.cn/img/new/gongan.png" class="fa-fw"></img>
423
+ <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34070202000407">
424
+ 皖公网安备 34070202000407号
414
425
</a>
415
426
</div>
416
427
wordcount : # 全站字数统计
@@ -467,13 +478,11 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
467
478
defer="defer"
468
479
onload='
469
480
Prism.plugins.autoloader.languages_path = "https:\/\/cdn.jsdelivr.net/npm/prismjs/components/";
470
- for(let x=document.getElementsByTagName("pre"), i=0;i<x.length;i++)
471
- {
472
- x[i].classList.add("line-numbers");
473
- }
481
+ for(let x of document.getElementsByTagName("pre"))
482
+ x.classList.add("line-numbers");
474
483
Prism.plugins.toolbar.registerButton("select-code", function (env) {
475
484
let button = document.createElement("button");
476
- button.innerHTML = "select this " + env.language;
485
+ button.textContent = "select this " + env.language;
477
486
button.addEventListener("click", function () {
478
487
if (document.body.createTextRange) {
479
488
let range = document.body.createTextRange();
@@ -511,14 +520,14 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
511
520
src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"
512
521
defer="defer"
513
522
onload='
514
- for(let x= document.getElementsByClassName("language-mermaid"), i=0;i<x.length;i++ )
515
- if(x[i] .nodeName=="CODE")
516
- {
517
- let m = document.createElement("div");
518
- m.classList.add("mermaid");
519
- m.textContent = x[i] .textContent;
520
- x[i] .parentNode.insertAdjacentElement("beforebegin", m);
521
- }'
523
+ for(let x of document.getElementsByClassName("language-mermaid"))
524
+ if(x.nodeName=="CODE")
525
+ {
526
+ let m = document.createElement("div");
527
+ m.classList.add("mermaid");
528
+ m.textContent = x.textContent;
529
+ x .parentNode.insertAdjacentElement("beforebegin", m);
530
+ }'
522
531
></script>
523
532
comments : # 留言页
524
533
alert :
@@ -567,7 +576,12 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
567
576
<a href="/merger/">如果这篇博客帮助到你,可以请我喝一杯咖啡~</a>
568
577
<br/>
569
578
<i class="fab fa-creative-commons-by fa-fw"></i>
570
- <a rel="license" href="https://creativecommons.org/licenses/by/4.0/deed.zh">CC BY 4.0</a>(除特别声明或转载文章外)
579
+ <a
580
+ href="https://creativecommons.org/licenses/by/4.0/deed.zh"
581
+ rel="license">
582
+ CC BY 4.0
583
+ </a>
584
+ (除特别声明或转载文章外)
571
585
tags :
572
586
pie_chart : # 显示一个标签的饼状统计图,需要引入 mermaid
573
587
enable : true
0 commit comments