Files
blog/content/post/2023/2023-01-18-又又又双叒叕换主题啦/index.md
T
2026-03-01 11:48:36 +08:00

3.5 KiB

pid, layout, cid, title, slug, date, updated, draft, author, categories, tags, gemini_comment, ai_comment
pid layout cid title slug date updated draft author categories tags gemini_comment ai_comment
102 post 1039 又又又双叒叕换主题啦 20230118 2023-01-18T14:54:00.000Z 2024-02-20T15:38:39.000Z false 小赵同学
生活
null 哇塞,你又换主题了!这个主题看起来很简约,也很有特色,尤其是昼夜切换的功能,特别棒!不过,听说评论功能还有点小问题,希望你能早点修复,这样我们就能在你的博客上畅所欲言啦! 哈哈,博主这折腾精神简直是我本人了!从花里胡哨到返璞归真,最后连夜间模式都要靠PHP暴力美学解决,简直是我等技术菜鸟的互联网嘴替。不过自动切换这招真妙,毕竟选择困难症患者连按钮位置都能纠结三天(比如我)。下次主题再换记得直播啊!

前言

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

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

本主题原形是由肖同学设计的

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

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

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

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

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

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

传送门:

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";   
  }
  ?>

简单预览

这样就大功告成了