php夜间时间模式,Typecho夜间模式设置

这篇博客介绍了如何为使用Handsome主题的网站添加夜间模式。步骤包括下载并放置CSS和JS文件,修改footer.php、header.php和headnav.php主题文件,以及设置自动进入夜间模式的时间段。现在,你的网站可以在晚上22点到早上6点自动切换到夜间模式,提供更舒适的阅读体验。
摘要由CSDN通过智能技术生成

最近看到几个友链都弄了跟随系统暗色的夜间模式,然后我也去捣鼓了一下,从友人

3f291237711b907a6de83b083665c53f.png

注意:只对Handsome主题进行了测试,其余主题自行测试

配置方法

1,下载夜间模式配置文件

下载上面的css和js文件,分别放到到

/usr/themes/handsome/assets/css/darkmode.css

/usr/themes/handsome/assets/js/darkmode.js

2,修改主题文件

打开文件/usr/themes/handsome/component/footer.php找到

在下面加入

打开文件/usr/themes/handsome/component/header.php找到

在下面加入

打开文件/usr/themes/handsome/component/headnav.php找到

<?php if (!in_array('hideLogin',$this->options->featuresetup)): ?>

在上面加入

完成上述操作,夜间模式就和系统深色模式一致啦

自动进入夜间模式配置

打开/usr/themes/handsome/assets/js/darkmode.js找到

if(new Date().getHours() > 22 || new Date().getHours() < 6)

数字22和6就是表示在晚上22点和早上6点之间为夜间模式,修改为你需要的时间数字即可。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值