CSS3 制作动画切换暗黑模式小按钮 发现了一个切换暗黑模式的按钮，感觉设计得非常巧妙，于是就花时间琢磨了一下它的实现方法。通过这个过程，我算是掌握了一些 CSS3 动画的基本原理。之前我主要是靠复制拷贝和调整样式来实现效果，没有深入思考过如何从零开始写出 CSS3 动画。现在尝试自己动手，顺便玩一下 CSS3 小动画，感觉收获颇丰。点击切换按钮，日落月升的渐显渐出，挺有感觉的。下面就来复刻一下这个效果。我这个结构跟原版的不一样额，原版貌似都是纯 js 小组件。不过结果都一样。仔细看原版，其实不光有移动过渡和透明过渡，还有大小过渡，不过我这个没写。如果要写的话，给对应的 css 里写上 scale(1) 就 ok 了。css3 小按钮 html 部分<div class="switch-style"> <i class="icon icon-dark"></i> <i class="icon icon-light"></i> </div>css3 小按钮 js 部分获取要点击的对应的 dom 元素选择器来赋一个新的 class 来控制切换。let btn = document.querySelector('.switch-style'); btn.addEventListener('click', ()=> btn.classList.contains('isdark') ? btn.classList.remove('isdark') : btn.classList.add('isdark'));css3 小按钮 css 部分.switch-style { display: flex; flex-direction: column; align-items: center; justify-content: center; } .switch-style i { width: 16px; height: 16px; flex-shrink: 0; transition: .3s ease-in-out; } .icon-light { background: url('/light.png') no-repeat center; transform: translateY(-50%); opacity: 1; } .icon-dark { background: url('/dark.png') no-repeat center; transform: translateY(-100%); opacity: 0; } .isdark .icon-light { opacity: 0; transform: translateY(100%); } .isdark .icon-dark { transform: translateY(50%); opacity: 1; }题外话CSS3 动画确实可能会比较繁琐，特别是涉及到多个过渡效果时。分解步骤来写是一个不错的方法，可以更清晰地控制动画的每个阶段。如果需要的话，你可以尝试使用CSS预处理器或者一些现成的CSS动画库，这些工具可以简化动画的编写过程，让代码更加清晰易懂。总之，掌握了基本的动画原理和技巧，再结合适合自己的方法和工具，就能更高效地创建出漂亮的动画效果了。

Typecho判断当前页面 typecho判断“大法”在做模板的时候还是很重要的，记录下。比较全的一个Typecho模板文档大全之is判断语法，可也还是漏了下面这个。在具体文章正文内的判断。<?php if($this->category == "分类A的缩略名"): ?> 这里是分类A的文章页面HTML代码 <?php else: ?> 这里是分类B的文章页面HTML代码 <?php endif; ?>在文章正文之前，我用了以下代码来判断这篇文章是否属于“折腾”分类。如果是，“折腾”分类下的文章就会显示更新时间。毕竟我的博客里的“折腾”分类文章主要是记录一些代码片段，所以技术的时效性非常重要。这样做不仅是为了记录，也是为了后来的人能够更好地了解文章内容。其他资料：在制作typecho模板中常用的调用函数

解决文件夹隐藏属性无法取消的办法 由于病毒原因，优盘上的文件设置了隐藏，且隐藏呈灰色，无法修改。确保病毒已经杀掉后，可以用下面的方法来恢复文件夹属性。方法：管理员身份运行cmd，在dos状态下输入命令：attrib c:\"windows" -s -h (以c盘下windows文件夹为例)运行此命令即可把文件夹的隐藏属性去掉。这里就有一个小麻烦了，所有的文件夹都被隐藏了，岂不是要一个一个滴改，并且有的文件夹是起的中文名，一个一个改的麻烦度就更大了。有没有更方便的方法呢？方法很简单，用通配符*即可，格式如下：1.假设c盘下的所有根文件夹都被隐藏了 attrib c:\"*" -s -h /s /d即可把c盘下所以的文件夹隐藏属性去掉2.假设d盘假设c盘下的所有根文件夹都被隐藏了 attrib d:\"*" -s -h /s /d其他的以此类推下面顺便把attrib命令详解一下：显示、设置或删除指派给文件或目录的只读、存档、系统以及隐藏属性。如果在不含参数的情况下使用，则 attrib 命令会显示当前目录中所有文件的属性。语法 attrib [{+r | -r}] [{+a | -a}] [{+s | -s}] [{+h | -h}] attrib [[Drive:][Path] FileName] [/s[/d]]参数+r           设置只读文件属性。 -r           清除只读文件属性。 +a           设置存档属性。 -a           清除存档属性。 +s           设置系统文件属性。 -s           清除系统文件属性。 +h           设置隐藏文件属性。 -h           清除隐藏文件属性。 /s           将 attrib 和任意命令行选项应用到当前目录及其所有子目录中的匹配文件。 /d           将 attrib 和任意命令行选项应用到目录。 /?           在命令提示符下显示帮助。 51cto

人为什么要背负感情 人的感情世界是非常复杂，有的人爱的是你身上所有的缺点，有的人爱得坦荡，有的人爱得深沉。但不管爱得多深，也要记得一个道理：只有自己放下了这些关系才能得到别人。因为只有把自己放在心上了别人才会感受得到你。但是你真的明白了吗？你就会明白有些东西你得到了却不能得到，而且还很痛苦。有些东西你没有得到就是你的不甘心。可是你知道吗？并不是所有的爱都会得到回报。如果你想要得到别人的爱也必须要付出时间。这就是为什么有些人爱得死去活来了不懂得珍惜的人你的爱是会被践踏的吗？一、为何要背负感情每个人都是上帝创造的，上帝在这个世界上造了一个世间万物。人也是如此，每一个人都不是一个孤立的个体。每个人都有自己的情感，人的情感总是会随着时间而慢慢流逝的，时间会给一个人身上施加一些改变，如果你是一个爱你，希望你过得好的人就会不断给予你爱，但是如果你不爱你爱得太深，也会伤害到别人。如果真的爱你的人不能给你回报不及时就会伤害到别人，也会伤害到自己。在世界上最强大的力量就是“爱”！二、承受感情的好处在感情世界中，每个人都有感情的需求。有的感情需求会让人觉得内心柔软，有的感情需求让人觉得内心压抑。但是不管哪一种感情都会让人觉得非常舒服。如果你能够从一段感情中得到自己想要的生活以及幸福的话会觉得很满足，并且也会更加珍惜这段感情！所以有时候感情确实是非常重要。三、懂得放下你自己的感情你知道如果你一个人要付出所有的感情，那么对方一定会因为一句话而感动一整天，而且你们的关系也会因为一句话而终止。如果这是你唯一能做的，那么你一定不会后悔自己这么做！但为什么你还会这样做呢？其实你完全没有必要这样做，因为这只会给你带来更大的伤害！因为只有你不爱自己了才会伤害别人。所以当你真的爱对方时要知道如果不爱了也不要去纠缠对方，因为一个不爱你的人不会真正地了解你是多么喜欢你。

用jQuery隐藏回头访客资料输入框 上一篇文章提到的已经成功发表过评论的评论者在下次评论时仍需重新输入姓名，电邮地址的问题已经查明是由缓存插件Hyper Cache引起的，能找到的解决方法是利用js来解决，但无奈在我博客上测试不成功，只能暂时禁用此插件，同时在木木的指引下，我也发现了一个能提高访客体验度的功能：隐藏回头访客的姓名，电邮，网址输入框。按照木木提供的方法，我再次悲剧的发现用在我博客上并不能正常工作，只能再次Google&百度，找到最后，终于在Xiaorsz的博客中找到个利用jQuery实现的方法，测试后工作正常，下面写点改动的地方。首先，我们要编辑comments.php，在类似于：<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1"/>`的评论者姓名输入框代码上方添加：<?php if ( $comment_author != "" ) : ?> <div id="welcome"> <?php printf(__('　Hi!　欢迎回来！<strong>%s</strong>.'), $comment_author) ?> </div> <?php endif; ?>然后再把三个评论者姓名，电邮，网址的代码输入框用包起来，到此，comments.php修改结束；然后，新建一个名为inputhidden的js文件，把Xiaorsz提供的代码放进去： $(document).ready(function() { //开始 if($('input#author[value]').length>0){ //判断用户框是否有值 $("#author_info").css('display','none'); //将id为author_info的对象的display属性设为none，即隐藏 var change='<span id="show_author_info" style="cursor: pointer; color:#2970A6;">change &raquo;</span>'; //定义change，style是定义CSS样式，让他有超链接的效果，color要根据你自己的来改，当然你也可以在CSS中定义#show_author_info来实现，这样是为了不用再去修改style.css而已！ var close='<span id="hide_author_info" style="cursor: pointer;color: #2970A6;">close &raquo;</span>'; //定义close $('#welcome').append(change); //在ID为welcome的对象里添加刚刚定义的change $('#welcome').append(close); // 添加close $('#hide_author_info').css('display','none'); //隐藏close $('#show_author_info').click(function() { //鼠标点击change时发生的事件 $('#author_info').slideDown('slow') //用户输入框向下滑出 $('#show_author_info').css('display','none'); //隐藏change $('#hide_author_info').css('display','inline'); //显示close $('#hide_author_info').click(function() { // 鼠标点击close时发生的事件 $('#author_info').slideUp('slow') //用户输入框向上滑 $('#hide_author_info').css('display','none'); //隐藏close $('#show_author_info').css('display','inline'); })})}}) //显示change保存文件。接着，我们要载入jQuery框架，因为我之前添加过Willin大师的Ajax嵌套回复，已经在footer.php添加过，所以这一步我可以省略，没有添加过的童鞋可以在footer.php中加入：<script type="text/javascript" src="http://ajax.loli.net/ajax/libs/jquery/1.2.6/jquery.min.js"></script>然后在下面继续添加：<?php if ( is_singular() ){ ?> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/inputhidden.js"></script> <?php } ?>这步的先后顺序一定不能错，不然就无法成功。OK，到此用jQuery隐藏回头访客资料输入框的全部操作就完成了，快试试去吧！Enjoy ！

Typecho启用插件提示500 Server Error Typecho是一款扩展方便、体验友好的轻量级开源博客程序，我们可以通过下载安装插件来丰富网站功能，但有时在启用插件时会出现“Server Error”错误提示，这时该怎么办？下面一起来了解下。Typecho插件一般是放在plugins目录下的，我们可以登录到网站后台进行插件管理，如果在启用插件时遇到了“Server Error”服务器错误，可能是由于服务器不支持该插件，或者是插件的文件夹名称和插件名称不一致导致的，针对这两种常见问题，可以参考以下方法来解决。1、如果是因为服务器不支持该插件，则需要把插件卸载了，然后重新安装其他插件。2、插件文件夹名称和插件名称不一致的话，也会出Server Error错误提示，要解决这个问题，则可以在usr/plugins/目录中把插件的文件夹名称更改为网站后台插件管理中看到的插件名称即可，注意区别大小写。以上是Typecho启用插件出现Server Error错误的常用解决方法，如果在使用过程中有遇到类似错误，可以先排查问题所在，然后根据具体问题来解决。

今日谷雨：雨水无闲，春去夏来，百谷生 今天是二十四节气中的谷雨，春季最后一个节气。俗话道，“清明断雪，谷雨断霜”，这是说我们将基本告别寒冷的天气，气温回升加快夏的味道初显。“谷雨时节种谷天，南坡北洼忙种棉”，这时候正是农作物生长的大好时节。①19 日 22 时 45 分迎来 #春季的最后一个节气# 谷雨；②谷雨将“谷”和“雨”联系起来，蕴涵“雨生百谷”之意；③谷雨时节，春天将走到尾声，万物将展现出蓬勃生长的姿态；④此时节，柳絮飞落，杜鹃夜啼，樱桃红熟，提醒人们时值暮春，初夏将至；⑤下个节气为立夏。谷雨由来每年 4 月 19 日或 21 日，太阳到达黄经 30° 时为谷雨，其名称源自古人“雨生百谷”之说。《月令七十二候集解》中说“三月中，自雨水后，土膏脉动，今又雨其谷于水也…… 盖谷以此时播种，自下而上也”，故此得名。关于谷雨的来历，还有一些传说，首先是和仓颉的关系，据《淮南子》记载，仓颉造字，是一件惊天动地的大事，黄帝于春末夏初发布诏令，宣布仓颉造字成功，并号召天下臣民共习之。由于仓颉造字功德感天，玉皇大帝也便赐给人间一场谷子雨，以慰劳圣功，这就是现在的“谷雨”节气。

面对现实 忠于理想 听说，深夜有三样东西，不能碰，食物，旧爱，李志。是啊，李志的歌很多写的是现实生活里的东西，他一语道破，直抵人心。他会告诉你，他理解你，他和你感同身受，你在他的歌曲里，可以看到自己的故事或者身边的事物，却不能给你排遣的出口，任由你在他的歌曲里情绪失控。所以，深夜怎么敢多听李志呢，就怕听完后，第二天醒来，还沉浸在里面，会依然觉失望或者郁闷，觉得其实有人理解你，而且大多数人也如此生活着，就依然会绝望。所以觉得，李志像酒，我们喝酒不能解决问题，第二天可能还有承受宿醉的晕痛，却还是有很多人，依然喝着酒……可能至少在一首歌，一杯酒的时间里，你会忘记身处的世界，那也是好的，不是么……李志的所有歌中，最喜欢的，是很平淡的《热河》，李志碎碎念的热河路的日常，真的很舒服的。一首好的叙事型民谣，它的歌词，会有电影的质感。觉得《热河》就有电影质感，明明没有去过，听着好像真的看见了，去过了，但其实，我们身边不是也有自己的“热河路”么。2016不插电现场版，是听惯了原版后的欣喜，女声也许单独拿出来看不是那么惊艳，但是在这个版布中，习惯了李志独自的碎碎念，女声好像突然有了活气，而李志的情绪在这个版布里更加有起伏，整一首歌曲下来，情绪是丰富饱满的。面对现实，忠于理想。只有坚强起来，才能不丧失温柔。 [hplayer][Music server="netease" id="1846397895" type="song"/][/hplayer]