/img/dodola.png

一只小菜鸡的Blog

【网站美化】点击特效

今天摸鱼把网站的点击特效做了QwQ,选用的效果是烟花(/逆飞的流星🎆🎆,主要摸索了如何在Hugo里添加JavaScript代码

添加js文件

这次用到的两个js文件在这里:

anime.min.js

fireworks.js

./static/下新建一个js文件夹,文件夹下新建两个js文件,命名为anime.min.jsfireworks.js,然后将上面两个文件的内容粘贴进去。

【网站美化】标签美化

assets/css/common/terms.css添加:

1
2
3
4
5
6
7
.terms-tags{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

./layouts/_default/terms.html中,找到这段代码并在a标签插入data-weight属性

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<ul class="terms-tags">
    {{- $type := .Type }}
    {{- range $key, $value := .Data.Terms.Alphabetical }}
    {{- $name := .Name }}
    {{- $count := .Count }}
    {{- with site.GetPage (printf "/%s/%s" $type $name) }}
    <li>
        <a data-weight="{{$count}}" href="{{ .Permalink }}">{{ .Name }} <sup><strong><sup>{{ $count }}</sup></strong></sup> </a>
    </li>
    {{- end }}
    {{- end }}
</ul>

assets/css/common/terms.css中设计:

队内拉题记录||23.11.29

前言点评:本次题目难度不高

[NOIP2015 提高组] 跳石头

NOIP2015 Day2T1

一年一度的“跳石头”比赛又要开始了!

这项比赛将在一条笔直的河道中进行,河道中分布着一些巨大岩石。组委会已经选择好了两块岩石作为比赛起点和终点。在起点和终点之间,有 $N$ 块岩石(不含起点和终点的岩石)。在比赛过程中,选手们将从起点出发,每一步跳向相邻的岩石,直至到达终点。