hexo魔改：站点标题美化（动态改变）

1. 自定义css和js

✅来自本站，可以放心食用~

hexo魔改：js和css文件的添加

Dasi's Blog

2. 教程

第一步：在路径BlogRoot\source\js下添加sitetitle.js，写入以下内容

//动态标题
var OriginTitile = document.title;
var titleTime;
document.addEventListener("visibilitychange", function () {
  if (document.hidden) {
    //离开当前页面时标签显示内容
    document.title = "......";  // 修改这里
    clearTimeout(titleTime);
  } else {
    //返回当前页面时标签显示内容
    document.title = "......"; // 修改这里
    //变回正常标题
    titleTime = setTimeout(function () {
      document.title = OriginTitile;
    }, 2000); // 修改这里，单位是毫秒，2000就是两秒
  }
});

第二步：在_config.butterfly.yml中引入

- <script src="/js/sitetitle.js"></script>

3. 参考链接

🪧引用站外地址，不保证站点的可用性和安全性！

butterfly 重装日记

安知鱼