Hexo动态个性标题 2018-11-28 代码 阅读次数：

装完乱七八糟的东西之后，发现网站title一直是同一个内容，翻到模版head.ejs里，当前配置的title改为

<title><%= page.title ? page.title : config.title %></title>  

即可有动态title

在查资料看别人的博客时，发现一个比较有趣的效果：https://liuzhichao.com/

经查，通过document.hidden属性判断当前页面是否是激活状态
兼容性：IE10+，Firefox10+,Chrome14+,Opera12.1+,Safari7.1+
加在页面底部的js代码：

var hiddenProperty = 'hidden' in document ? 'hidden' :   
 'webkitHidden' in document ? 'webkitHidden' :   
 'mozHidden' in document ? 'mozHidden' :   
 null;  
var realTitle = '<%= page.title ? page.title : config.title %>';  
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');  
var onVisibilityChange = function(){  
 if (!document\[hiddenProperty\]) {  
 document.title = realTitle;  
 }else{  
 document.title = '藏起来啦 (*´∇｀*)';  
 }  
}  
document.addEventListener(visibilityChangeEvent, onVisibilityChange);