【笔记】NexT8.8实现结冰特效

发表于 更新于 阅读次数：

前言

这是在Bing官网发现的结冰特效，直接扒下来了源码

源码

引入到博客

  • 在NexT8.8中引入，先在主题配置中解除一个自定义页面的注释
hexo/_config.next.yml
1
2
custom_file_path:
  header: source/_data/header.njk
  • 然后引入freeze.css文件
hexo/source/_data/header.njk
1
2
3
4
5
6
7
8
9
10
11
12
<!-- 加载结冰特效 -->
<link rel="stylesheet" href="/freeze/index.css">
<div class="hp_special_experience">
  <div class="hol_frames_cont">
    <div class="frame fader frost show">
      <div class="frame_sprite frame_left"></div>
      <div class="frame_sprite frame_right"></div>
      <div class="frame_sprite frame_top"></div>
      <div class="frame_sprite frame_bottom"></div>
    </div>
  </div>
</div>

完成