前言
正如各位朋友所见,我又又又换主题了
经常来我博客的朋友可能见过这个主题
本主题原形是由 肖同学设计的
当时翻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";
}
?>
简单预览
这样就大功告成了
额, 评论确实有点 bug
主题没有ajax刷新 因为跟pjax全局无刷新 冲突 实际上点击一次发表评论按钮就行了 ::douyin:19::
::douyin:21::
主题真好看
谢谢🙏
还有跟我用的主题好像 ::bqb:jingyadee::
简洁风 大差不差
好喜欢你主题字体 ::bqb:bksn::
可以直接调用 ::douyin:74::
::face:hanxiao::
走出半生,归来仍是简约,哈哈 ::douyin:15::
::douyin:13:: 竟然真是肖同学的主题,我就说记得他之前用过,没想到是自己写的,那小子深藏不露! ::bilibili:bq_109::
哈哈 是的 当时也是逛GitHub逛到的 一看居然是肖同学 主题真的很好看 肖同学自己经常要上班 基本没怎么更新 自己耐不住性子 就尝试给主题加点功能 就加了自己很多想法 哈哈 ::bilibili:bq_17::
我的做法是给大标签加个类,然后在类里强改需要修改的样式(主要是颜色吧) ::douyin:19:: 话说那个php代码的判断输出,两个css好像是同一个
确实 我参考了油油的主题 他就是这样写的 但是这个主题的底层是肖同学写的 后面的功能是我自己加的 他当初写的时候没有考虑夜间模式 我拿来二改 很多东西改起来很麻烦 所以想了个这个方法 还有当时应该是文章编辑错了 所以给了一个错误的示例 待会儿修改一下 ::face:hanxiao::
不错的主题,看着很舒服,大分辨率PC下背景有点花哨。另外,页码、导航部分应该改成原窗口打开。避免多几点打开无数个标签。
::douyin:27:: 效率高啊,我看导航部分都改完了。。666
哈哈哈 已经解决 大屏这个背景还好吧 不是特别花哨 我选了好久才确定的这个 ::douyin:42::
不太难 改个a标签的参数就可以了 感谢大佬建议
话说博主的评论系统能分享一下吗 ::douyin:34::
我这个评论 是原生的typecho评论 自己瞎搞的 没怎么完善 老哥如果使用的这个主题 可以试一下第三方评论系统 例如 waline ::bilibili:bq_52::
越换越简约 哪天网上冲浪要是发现我很喜欢的简约的主题 我可能也就再换了 哈哈
我之前蛮喜欢 花哨的主题 看多了 容易审美疲劳 慢慢越来越喜欢简约的主题 ::bilibili:bq_17::
非非非非非非常的简洁好看 ::bilibili:bq_109::
哈哈哈 谢谢 ::douyin:74::
好看 梦中情题 ::bilibili:bq_17::
谢谢 ::bilibili:bq_109::
很好看的主题
哈哈 谢谢 ::face:hanxiao::
很有个人博客的味道
哈哈 谢谢 ::face:yb::
主题很漂亮啊,就是在图片放大后不能下滑关闭
谢谢 老哥 新年快乐
我使用的这个图片灯箱 没有下滑关闭这个功能
还是之前的好看
之前的图片灯箱 收费了 用的现在这个开源免费的 换不回去了 ::douyin:19::
太简约了
就是逐渐换成这种简约风 常驻typecho了 ::bilibili:bq_109::
挺简约的,这个设置壁纸方便的很啊
是的 单纯一个background-img:url() 然后no-repeat 哈哈哈 可以偷懒了 ::bilibili:bq_1::
喜欢整体风格,特别喜欢这壁纸
哈哈 谢谢 这个壁纸也是挑了好半天 有朋友说这个壁纸很花眼 ::bilibili:bq_17::
哇哦,这个简约风太赞了
老哥的博客也很漂亮 pix的这个主题 我当时也准备买的 很喜欢这种风格的主题
奈何囊中羞涩 只能自己尝试弄