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

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

操作方法

编辑 scripts.ejs 文件

• 编辑 fluidlayout_partialscripts.ejs 文件，添加如下内容

代码语言：javascript复制

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

代码语言：javascript复制

monitortext:
  enable: true
  text: 明眸如初

• 效果如下

效果展示

https://101.43.39.125/HexoFiles/vvd_dell/20220212201108.gif

参考资料

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

https 网络安全 hexo

0 人点赞