NexT 主题中添加网页标题崩溃

tsvico Lv5

给网页添加一些特效

浮动心形和 title 崩溃欺骗

crash_cheat.js

next\source\js\src 文件夹下创建 crash_cheat.js,添加代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!--崩溃欺骗-->
var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
$('[rel="icon"]').attr('href', "/img/TEP.ico");
document.title = '╭(°A°`)╮ 页面崩溃啦 ~';
clearTimeout(titleTime);
}
else {
$('[rel="icon"]').attr('href', "/favicon.ico");
document.title = '(ฅ>ω<*ฅ) 噫又好了~' + OriginTitle;
titleTime = setTimeout(function () {
document.title = OriginTitle;
}, 2000);
}
});

你也可以将 js 存储到你的七牛或其他云存储上

引用

next\layout\_layout.swig 文件中,添加引用(注:在 swig 末尾添加):

1
2
<!--崩溃欺骗-->
<script type="text/javascript" src="/js/src/crash_cheat.js"></script>

添加点击 love 背景动画

loveJs 文件下载地址
把 js 文件 love.js 放在 \themes\next\source\js\src 文件目录下

\themes\next\layout\_layout.swig 文件,在末尾(在前面引用会出现找不到的 bug)添加同上 js 引入代码

1
<script type="text/javascript" src="/js/src/love.js"></script>

本文系转载,感谢,只负责整合两种特效

  • 标题: NexT 主题中添加网页标题崩溃
  • 作者: tsvico
  • 创建于 : 2018-06-14 12:03:19
  • 更新于 : 2021-03-06 20:21:07
  • 链接: https://blog.tbox.fun/2018/c2e476fc.html
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论
目录
NexT 主题中添加网页标题崩溃