在此记录我个人对博客的一些个性化改造
本博客使用Volantis（v6 alpha 1）主题。
前端类
刷新式Banner
对视差滚动插件进行改造，将原先的定时更换变为了刷新更换，以减少窗口重获焦点后重复加载图片的问题。
themes/volantis/layout/_plugins/parallax/script.ejs
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
|
next_parallax();
Parallax.init();
index++;
if (imgs.length>=1) {
Parallax.options.src = imgs[new Date().getTime() % imgs.length];
Parallax.start();
index++;
if (Parallax.cache) {
fetch(imgs[index % imgs.length] +"?t=" + new Date().getTime());
if (index == imgs.length) {
Parallax.cache = 0;
}
}
}
|
在这里查看本网站的Banner信息
预览新Banner效果（多次刷新效果更佳）
OJ网站题目标签
简化了洛谷样式的HTML标签
添加了常用OJ网站（洛谷、AcWing）的题目难度标签CSS，现在可以直接通过span标签显示：
洛谷风格
- printf("China");
- 用脚切的题
- 只用一只手切的题
- 大规模出现DP、字符串、模拟等恶心题
- 恭喜你进阶提高组
- 只要线代学得好，蓝题狂刷少不了
- 同学，网络流好学吗
- 构造秒了
- 题目来源：收钱协会举办的比赛之提高组 收钱协会举办的比赛之普及组 多 人 信 息 学 比 赛 残 害 奶 牛 组 织 举 办 的 比 赛
- 相关比赛年份：2024 2023 2077 2233
- 算法标签：大模拟 退火邪教 毒瘤数据结构 卡常
- 特殊题目标签：氧气优化,O2 臭氧优化,O3 四聚氧优化,O4 红氧优化,O8
- 题目来源区域：蒙德城 璃月 稻妻城 须弥城 枫丹廷
以上均为整活
本站使用的span标签：
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
|
<span data-luogu data-grey>暂无评定</span>
<span data-luogu data-red>入门</span>
<span data-luogu data-orange>普及-</span>
<span data-luogu data-yellow>普及/提高-</span>
<span data-luogu data-green>普及+/提高</span>
<span data-luogu data-blue>提高+/省选</span>
<span data-luogu data-purple>省选/NOI-</span>
<span data-luogu data-black>NOI/NOI+/CTSC</span>
<span data-luogu data-source>NOIp 提高组</span>
<span data-luogu data-date>2023</span>
<span data-luogu data-algorithm>动态规划,dp</span>
<span data-luogu data-special>O2优化</span>
<span data-luogu data-region>四川</span>
|
原生CSS标签：
1
2
3
4
5
6
7
8
9
10
11
12
| .lfe-caption {
font-size: 0.875em;
}
span[data-v-71731098] {
display: inline-block;
padding: 0 8px;
box-sizing: border-box;
font-weight: 400;
line-height: 1.5;
border-radius: 2px;
}
|
AcWing风格
- 简单
- 中等
- 困难
本站使用的span标签：
1
2
3
4
5
| <span class="label label-success round">简单</span>
<span class="label label-warning round">中等</span>
<span class="label label-danger round">困难</span>
|
原生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
| .round {
border-radius: 1020px;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label-success {
background-color: #5cb85c;
}
.label-warning {
background-color: #f0ad4e;
}
.label-danger {
background-color: #d9534f;
}
|
段落缩进（未启用）
注入以下的CSS代码：
1
2
3
4
| .md{
text-align: left
text-indent: 2em
}
|
