Hexo进入离开页面动态修改标题

效果预览

添加自定义Javascript文件

找到博客根目录下的source文件夹，在里面创建一个js文件夹。

在js文件夹中新建文件visibility_change.js

var originTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
    if (document.hidden) {
        document.title = '(*σ´∀`)σ 我走噜~ ' + originTitle;
        if (titleTime != null) {
            clearTimeout(titleTime);
        }
    } else {
        document.title = '(*´∇｀*) 我来力~ ' + originTitle;
        titleTime = setTimeout(function () {
            document.title = originTitle;
        }, 2000);
    }
});

在主题配置文件中引入自定义js

以我用的redefine主题为例，在_config.redefine.yml里面的inject引入。
其他主题同理，参考对应主题的配置文档。

inject:
  enable: true
  head:
    - <script src="/js/visibility_change.js" type="text/javascript"></script>
  footer:

注意：自定义js文件的引用路径是/js/xxx.js，而不是./js/xxx.js。