添加脚本文件

打开Blog根目录/source/js/title.js，路径中缺失的文件夹或文件直接新建即可

写入下列代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//动态标题
var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
    if (document.hidden) {
        //离开当前页面时标签显示内容
        document.title = '不要走嘛(´•̥̥̥ω•̥̥̥`)';
        clearTimeout(titleTime);
    } else {
        //返回当前页面时标签显示内容
        document.title = '欢迎回来(✪ω✪)';
        //两秒后变回正常标题
        titleTime = setTimeout(function () {
            document.title = OriginTitile;
        }, 2000);
    }
});

引用脚本文件

打开主题配置文件_config.butterfly.yml并按下列格式补充完整

1
2
3
inject: 
  bottom: 
     - <script async src="/js/title.js"></script>

hexo三连查看效果