【网站札记】给你的网站加上动态标题

突然想起来以前去过一个博客，聚焦在那个标签上的时候标题是正经标题，而且还到其他页面之后，页面标题就变成了一堆乱码，亦或是很萌的颜文字，当然了，我这一个糙汉子，如何比得上一个萌妹子啊 2333 所以，各位也就凑活着吧 2333 也是图个新鲜。

至于背后的原理呢，很简单，连 PHP 都用不着。也不一定非得是 Typecho，其他博客，或者说随便一个网页都行。在 head 标签引入如下代码：

<script>
var OriginTitile = document.title;
document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
        document.title = '这里修改成页面在后台时显示的标题';  
    } else {
        document.title = OriginTitile;
    }
});
</script>

关于修改的方法呢，对于 Typecho 等博客是在主题里修改，通常修改一个叫做名为 “header.php” 的、负责网页头部（body 标签之前）的文件即可。而有些主题，比如我现在使用的 Mirages，就提供了通过设置的办法，无需修改文件即可在 head 前插入你想放进去的代码。

所以还是蛮方便的嘛，对于 hexo 或者类似静态博客的用户也可以使用，不过内容嘛。。。我还是有点相形见绌。还劳烦各位看官多提提意见，帮我修改下啦 2333

---

【网站札记】给你的网站加上动态标题 由 天空 Blond 采用 知识共享 署名 - 非商业性使用 - 相同方式共享 4.0 国际 许可协议进行许可。
本许可协议授权之外的使用权限可以从 https://skyblond.info/about.html 处获得。