@@ -35,8 +35,8 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
35
35
default :
36
36
body :
37
37
theme-base : theme-base-07 # 可选的主题色包括08~0f,见 <https://github.com/poole/lanyon>
38
- layout-reverse : false # 开启后sidebar在右边,反之左边
39
- sidebar-overlay : false # 开启后正文不随sidebar移动而移动
38
+ layout-reverse : true # 开启后sidebar在右边,反之左边
39
+ sidebar-overlay : true # 开启后正文不随sidebar移动而移动
40
40
append_to_head : # 通过内嵌html的方式引入并定制插件,删改前确定知道自己在做什么。定制插件的方式可以参考这篇文章 <https://wu-kan.cn/_posts/2019-01-18-基于Jekyll搭建个人博客/>
41
41
- | # 一些页面优化标签,看不懂可跳过
42
42
<meta
@@ -157,10 +157,13 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
157
157
- | # 网站背景图片,分竖屏、宽屏;改链接即可,不想用可以把这一项全删掉;要换壁纸图片的话可把url内的部分换成你自己的,比如你放在 /assets/image/background.jpg,那就改成 url(/assets/image/background.jpg)
158
158
<style>
159
159
.wrap {
160
- min-height: 100vh;
160
+ transition-property: all;
161
+ transition-duration: .3s;
162
+ transition-timing-function: ease-in-out;
163
+ min-height: 100%;
161
164
display: inline-block;
162
- background-size: 100vw auto;
163
- background-position: center top ;
165
+ background-size: 100% auto;
166
+ background-position: 0% 0% ;
164
167
background-repeat: no-repeat;
165
168
background-attachment: fixed;
166
169
background-image: url(https://Mizuno-Ai.wu-kan.cn/pixiv/74559485_p1.webp);
@@ -170,6 +173,14 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
170
173
background-image: url(https://Mizuno-Ai.wu-kan.cn/pixiv/71932901_p0.webp);
171
174
}
172
175
}
176
+ .sidebar-overlay #sidebar-checkbox:checked ~ .wrap {
177
+ width: calc(100% - 14rem);
178
+ background-size: calc(100% - 14rem) auto;
179
+ left: 14rem;
180
+ }
181
+ .layout-reverse.sidebar-overlay #sidebar-checkbox:checked ~ .wrap {
182
+ left: 0;
183
+ }
173
184
</style>
174
185
- | # 网站字体
175
186
<style>
@@ -433,15 +444,17 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
433
444
padding-top: 1rem;
434
445
padding-bottom: 1rem;
435
446
box-shadow: 0 0 .75rem rgba(0, 0, 0, 0.1);
436
- background-color: rgba(255, 255, 255, 0.9);
437
- animation: animationAppear 2s;
447
+ background-color: rgba(255, 255, 255, 0.95);
448
+ animation-duration: 2s;
449
+ animation-name: fadeIn;
438
450
}
439
- @keyframes animationAppear {
440
- 0%,
441
- 33% {
451
+ @keyframes fadeIn {
452
+ from {
442
453
opacity: 0;
443
454
}
444
- 100% {}
455
+ to {
456
+ opacity: 1;
457
+ }
445
458
}
446
459
</style>
447
460
- | # prism代码高亮
@@ -541,7 +554,7 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
541
554
unit : 分
542
555
divided_by : 300 # 正常人的阅读速度大概每分钟三百个字
543
556
visitor : # 需要引入并开启valine的visitor选项使之开始计数; 可能会和busuanzi统计的有出入
544
- enable : true
557
+ enable : false
545
558
alert : <i class="fas fa-book-reader fa-fw"></i>
546
559
unit : 次
547
560
tags : # 显示博文标签
0 commit comments