惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

云风的 BLOG
云风的 BLOG
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
IT之家
IT之家
Recent Announcements
Recent Announcements
B
Blog
D
Docker
V
V2EX
GbyAI
GbyAI
L
LangChain Blog
博客园 - Franky
U
Unit 42
T
The Blog of Author Tim Ferriss
A
About on SuperTechFans
博客园 - 【当耐特】
Google DeepMind News
Google DeepMind News
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Vercel News
Vercel News
博客园_首页
D
DataBreaches.Net
人人都是产品经理
人人都是产品经理
Y
Y Combinator Blog
量子位
Blog — PlanetScale
Blog — PlanetScale
罗磊的独立博客

优世界

OpenWrt 路由器改纯 AP 模式记录(Cudy TR3000 + 中兴 F50) Ubuntu 24.04 安装 Zabbix 8.0 全记录 我的静态博客动态化方案 Claude Code 启动脚本 我的5G路由器方案:中兴F50+cudy tr3000 256MB 还是弃用了使用多年的全拼输入法 临走前一份襄阳牛肉面 EdgeOne Pages 部署 Twikoo 评论 一个朋友圈风格 Hugo 主题 搓了一个仿朋友圈的Hugo主题 一个人烧烤被拒单了 周末闲暇时间翻修了一下博客 我把Vercel换成了EdgeOne Pages 博客友链实时健康监测方案 Artalk评论区接入AI摘要的尝试 给Hugo博客添加瀑布流相册功能 Hugo静态博客如何实现搜索功能 Artalk评论系统实现段落评论功能 为什么我觉得网页昼夜切换那么重要 博客六周年:从折腾到回归平淡 如何hugo静态实现友联朋友圈功能 脂溢性皮炎的烦恼 还是放弃了iPhone16e 米环勿扰同步问题 除草日记 Hugo使用GitHub Action自动刷新多吉云CDN缓存 迁移博客至hugo 添加ikun摆件 parsec远程软件报6023错误 win11右键菜单改回win10方法
又又又双叒叕换主题啦
2023-01-18 · via 优世界

前言

正如各位朋友所见,我又又又换主题了

经常来我博客的朋友可能见过这个主题

本主题原形是由 肖同学 blog.bug.dog 设计的

当时翻GitHub一眼爱上,还记得,当时做博客的第一年,可能是卯足了新鲜劲

买到博客主题就狂怼css和花哨的js特效,当时 叶开 qq.md 打趣的跟我讲到

你信不信到时候,你的博客主题风格依然会简约回来

三年后,叶开预言的果然成为了事实,对于主题风格,我反而越来越喜欢简约风格

当然如果有朋友喜欢这个主题,并且现在正在使用typecho博客程序

也可以去肖同学的GitHub获取该主题

传送门:

github.com https://github.com/Roseswithlove/Ying

折腾

可能是因为肖同学的工作忙的原因,主题至今还没有评论,需要依赖第三方评论系统

当初匆匆忙忙换上,只是简单的套了个waline(第三方评论系统)就上线了,但是时间久了

我渐渐发现了,这样并不方便管理,我需要备份两端的数据,这样很麻烦,于是又把主题换回原主题了

小年,补习班放假一天,心里想,要不花点时间,把这个主题的评论写完,秉承着说干就干的原则,就开机了

不得不说,typecho的评论整起来真的麻烦,而且还是第一次弄,官方文档给的参考示例,很简陋

导致走了很多弯路,大部分都是Google解决的

因为之前买过很多主题,可以参考大佬的写法,摸爬滚打,最后终于搞完,也许还有bug,但是后面发现了再说吧

增加昼夜切换

因为这个主题是简约,基本上就白色和黑色两种色系,缺点就是晚上看很刺眼

于是想给主题写一个夜间模式,当然,百度有很多大佬也给出了思路

但是因为主题是简约风格,导致根本不知道把昼夜切换按钮放在那里

索性直接写个自动,省去了很多麻烦,也顺便偷个懒,哈哈

因为主题色系很简单,基本上就白色和黑色,只需要替换一下色系即可

想了个折中的办法,是否可以通过php,通过判断时间echo输出不同的css

达到效果,虽然这个方法很笨,但是终究还是整出来了

  <?php
  date_default_timezone_set('PRC'); 
  $hour = date('H');
  $themeurl = $this->options->themeUrl;
  if($hour > 6 && $hour <= 20){   
    echo "<link rel='stylesheet' href='$themeurl/css/dark.css'>\n";   
  }else{
    echo "<link rel='stylesheet' href='$themeurl/css/dark.css'>\n";   
  }
  ?>

简单预览

这样就大功告成了