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

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

操作方法

编辑 scripts.ejs 文件

• 编辑 fluid\layout\_partial\scripts.ejs 文件，添加如下内容

<% 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 项下添加

monitortext:
  enable: true
  text: 明眸如初

• 效果如下

效果展示

参考资料

• https://github.com/qixa/hexo-theme-fluid-mod

文章链接：
https://www.zywvvd.com/notes/hexo/theme/fluid/fluid-focus-text/fluid-focus-text/