Typecho主题添加动态标题

为了提升网站的吸引力和用户体验，我们可以引入动态标签标题功能。通过实时变化和更新标题，我们能够根据用户行为、时间或特定条件呈现相关性更高的内容，从而使用户更容易找到他们感兴趣的信息。

这种交互性和个性化体验不仅能够提高用户满意度，还有助于网站在竞争激烈的市场中脱颖而出。我相信，动态标签标题将为我们的用户提供更加丰富和有趣的使用体验。

1、打开网站后台-外观-设置外观-自定义设置-底部自定义内容（或者自定义页面也可以），将以下代码复制粘贴到其中即可。

<!--动态标题-->
<!--动态标题-->
<script>
//崩溃欺骗
var OriginTitle = document.title;
var titleTime;
document.addEventListener("visibilitychange", function () {
    if (document.hidden) {
    document.title = "╭(°A°)╮ 页面崩溃啦 ~";
    clearTimeout(titleTime);
    } else {
    document.title = "(ฅ>ω<*ฅ) 噫又好了~" + OriginTitle;
    titleTime = setTimeout(function () {
    document.title = OriginTitle;
    }, 2000);
    }
});
</script>

原文地址