Fluid -16- 设置页面焦点监控文字

本文最后更新于:2022年7月4日 上午

个人博客经常有监控网页是否是当前焦点并变换页面标题的玩法,本文记录在Fluid主题中的实现方法。

操作方法

编辑 scripts.ejs 文件

  • 编辑 fluid\layout\_partial\scripts.ejs 文件,添加如下内容
1
2
3
4
5
6
7
8
<% if(theme.fun_features.monitortext.enable) { %>
<script type="text/javascript">
/*窗口监视*/
var originalTitle = document.title;
window.onblur = function(){document.title = "<%- theme.fun_features.monitortext.text %>"};
window.onfocus = function(){document.title = originalTitle};
</script>
<% } %>

编辑主题配置文件

  • 编辑fluid 主题配置文件,在 fun_features 项下添加
1
2
3
monitortext:
enable: true
text: 明眸如初
  • 效果如下

效果展示

参考资料


Fluid -16- 设置页面焦点监控文字
https://www.zywvvd.com/notes/hexo/theme/fluid/fluid-focus-text/fluid-focus-text/
作者
Yiwei Zhang
发布于
2022年2月12日
许可协议