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

为为为什么

发布于 2022-08-06 09:48:13

2.1K00

代码可运行

文章被收录于专栏：又见苍岚又见苍岚

运行总次数：0

代码可运行

个人博客经常有监控网页是否是当前焦点并变换页面标题的玩法，本文记录在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://101.43.39.125/HexoFiles/vvd_dell/20220212201108.gif

参考资料

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年2月12日，如有侵权请联系 cloudcommunity@tencent.com 删除

https

网络安全

hexo

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

https

网络安全

hexo

登录后参与评论

0 条评论

热度

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

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

操作方法

编辑 scripts.ejs 文件

编辑主题配置文件

效果展示

参考资料

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐