南陽劉子驥的博客

逻辑搭建基础，变幻点燃世界

关于我

Guten tag!
欢迎来到这个蒟蒻的博客。
你可以叫我南陽劉子驥，或者KaiserWilheim.

这个博客里面会有与OI有关的东西。

关于我自己

一个淹没于众多大佬们中间的普通人。
经常会有些过于深邃的思考。

十六歳、学生です。

喜欢化学、编程（特指C++），玩一些音游（指 Phigros、arcaea、MuseDash），玩一些p社（指Paradox Interactive）的游戏（CK III、EU IV、Vic III、HoI IV、Stellaris），玩Minecraft和战地5。
喜欢EBIMAYO、USAO、LeaF和姜米條的曲子，尤其喜欢EBIMAYO的GOOD系列。
有同好可以一起快乐地交流。

语言

会说的语言

  • 中文(zh-CN) ★★★★★ （母语）
  • 英语(en-GB) ★★★★☆ （正在学）
  • 日语(ja-JP) ★☆☆☆☆ （刚起步）

（如有异议请私信我）

会用的编程语言

  • C++ ★★★☆☆ （正在学）
  • Java ★☆☆☆☆ （刚起步）
  • C# ★☆☆☆☆ （刚起步）
  • Rust ★☆☆☆☆ （当我不会）

在做的事情

  • OI集训。
  • 学习文化课。
  • 勉強日本語。
  • 学习 信息学奥林匹克竞赛 相关知识。
  • 学习 有机化学 相关知识。

在爱发电上支持我一下吧：https://afdian.net/@KaiserWilheim

瞎改改

优化博客主页界面

将_common/components/post/post-header.styl中.posts-expand .post-header部分改为：

1
2
3
4
5
.posts-expand .post-header {
  font-size: $font-size-large;
  margin-bottom: 10px;
  text-align: center;
}

将_common/components/post/index.styl中.post-button部分改为：

1
2
3
4
.post-button {
  margin-top: 0px;
  text-align: center;
}

可以使博客在主页排版的时候更加紧凑。

给<details>框加入动画

在_common/scaffolding/normalize.styl中detials前加入：

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
@keyframes open {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

/* closing animation */
@keyframes close {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

details[open] summary~* {
  animation: open .5s;
}

/* closing class */
details.closing summary~* {
  animation: close .5s;
}

在_partials/footer.njk中最底端加入<scripts>标签包裹的如下内容：

1
2
3
4
5
6
7
8
9
10
11
const details = document.querySelector("details");
details.addEventListener("click", function(e) {
  if (details.hasAttribute("open")) { // since it's not closed yet, it's open!
    e.preventDefault(); // stop the default behavior, meaning - the hiding
    details.classList.add("closing"); // add a class which apply the animation in CSS
    setTimeout(() => { // only after the animation finishes, continue
      details.removeAttribute("open"); // close the element
      details.classList.remove("closing");
    }, 400);
  }
});

改进表格样式

将_common/scaffolding/tables.styl中的内容替换成下面的东西：

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
.table-container {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: $table-font-size;
  margin: 0 0 20px;
}

tbody tr {
  &:nth-of-type(odd) {
    background: var(--table-row-odd-bg-color);
  }

  &:hover {
    background: var(--table-row-hover-bg-color);
  }
}

caption {
  padding: 8px;
}

th, td {
  border: 1px solid $table-border-color;
  border-bottom: 3px solid $table-cell-border-bottom-color;
  padding: 6px 12px;
}

th {
  font-weight: 700;
}

td {
  border-bottom-width: 1px;
}