MENU

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

November 20, 2017 • Read: 90 • 瞎折腾

突然想起来以前去过一个博客,聚焦在那个标签上的时候标题是正经标题,而且还到其他页面之后,页面标题就变成了一堆乱码,亦或是很萌的颜文字,当然了,我这一个糙汉子,如何比得上一个萌妹子啊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://www.skyblond.info/about.html 处获得。

Archives QR Code Tip
QR Code for this page
Tipping QR Code
0:00