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动画库，这些工具可以简化动画的编写过程，让代码更加清晰易懂。总之，掌握了基本的动画原理和技巧，再结合适合自己的方法和工具，就能更高效地创建出漂亮的动画效果了。

解决文件夹隐藏属性无法取消的办法 由于病毒原因，优盘上的文件设置了隐藏，且隐藏呈灰色，无法修改。确保病毒已经杀掉后，可以用下面的方法来恢复文件夹属性。方法：管理员身份运行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错误的常用解决方法，如果在使用过程中有遇到类似错误，可以先排查问题所在，然后根据具体问题来解决。

Typecho博客统计信息调用代码 以下代码实现的功能是在网站前端界面，调用整站的文章总数、分类总数、评论总数以及页面总数量显示在指定位置，操作简单，直接把代码复制使用即可，当然显示样式需要自行编写。<?php if ($this->options->sidebarBlock && in_array('showSiteStatistics', $this->options->sidebarBlock)): ?> <section class="widget"> <h3><?php _e('数据统计'); ?></h3> <ul> <?php Typecho_Widget::widget('Widget_Stat')->to($stat); ?> <li><?php _e('文章数量：'); ?><?php $stat->publishedPostsNum() ?></li> <li><?php _e('分类数量：'); ?><?php $stat->categoriesNum() ?></li> <li><?php _e('评论数量：'); ?><?php $stat->publishedCommentsNum() ?></li> <li><?php _e('页面数量：'); ?><?php echo $stat->publishedPagesNum + $stat->publishedPostsNum; ?></li> </ul> </section>把上面的代码添加到当前使用主题的模板文件即可。

安卓代理工具Clash for Android安装配置教程 “ Clash是一个用Go语言开发，基于规则的多平台代理客户端，兼容Shadowsocks、VMess、Trojan和Snell等协议，而且拥有像Surge 一样强大的自定义代理规则。Clash具有自动测速、自动判断是否需要加速、自动选择高速节点的功能，且占用内存和系统资源非常低。”下载地址：点此下载准备已将设备时间同步了北京时间，没有同时打开一个以上代理软件或关闭代理连接，自身的网络环境可正常上百度，已将设备从5G网络环境切换至4G或者WIFI。快速上手下载安装后打开软件点击配置→点击＋新配置（或者右上角+号）选择从URL导入→将订阅链接/URL链接粘贴在URL栏 然后点保存。 点此获取测试订阅链接在配置中选中新加入的→订阅链接/URL配置→回到首页点启动!点完启动后，会看见下方会多出一个代理，点开代理→会看到节点列表→下拉顺序选延迟数字小的连接即可。完成！打开浏览器输入www.google.com测试连通性

GitHub添加SSH key 1.打开Git Bash命令行窗口2.检查是否已有SSH如果没有，会返回如下信息，继续第三步创建SSH $ cd ~/.ssh bash: cd: /c/Users/Him/.ssh: No such file or directory如果本地已经有创建SSH，会返回如下信息，表示本地已经有创建过SSH了，跳过第三步，直接看第四步 $ cd ~/.ssh $ ls id_rsa id_rsa.pub known_hosts3.创建SSH key最后一个参数替换成你自己的GitHub注册邮箱 $ ssh-keygen -t rsa -C "your_email@example.com" Generating public/private rsa key pair.接下来会提示你输入生成的key存放的路径，不设置直接回车的话会默认创建在C:/Users/你的用户账号/.ssh文件夹下 Enter file in which to save the key (/c/Users/Him/.ssh/id_rsa): Created directory '/c/Users/userpath/.ssh'.再接下来会提示你输入密码，这个密码是用来每次提交的时候输入确认，可以不设置，直接回车两次 Enter passphrase (empty for no passphrase): Enter same passphrase again:最后成功后会看到类似如下的输出，表示成功生成SSH key了，可以到C:/Users/你的用户账号/.ssh文件夹下看下 Your identification has been saved in /c/Users/Him/.ssh/id_rsa. Your public key has been saved in /c/Users/Him/.ssh/id_rsa.pub. The key fingerprint is: SHA256:RwvBINgH8CEt2KniltmykeyDsOseUYcwMzehFeyT86s 1225723686@qq.com The key's randomart image is: +---[RSA 2048]----+ | o+%OO+o. | |..=+%*+ .. | | ..+o+o.. . | |o. o=. o . | |o oolalala S o | | +.+.. . . | |. .o . | | . . . | | . E. | +----[SHA256]-----+4.添加SSH key到GitHub首先复制.ssh文件夹下id_rsa.pub文件的内容，可以直接用文本编辑器打开复制，也可以用如下命令行复制 $ clip < ~/.ssh/id_rsa.pub然后进入https://github.com/settings/keys设置，如果没有登录要先登录或者登录后依次点击右上角Settings，然后再点击SSH and GPG keys然后点击New SSH key按钮，然后输入Title和我们刚才复制的Key，Title的话表示这个key来自哪里，比如说可以叫“家里的笔记本”最后点击Add SSH key按钮保存5.测试SSH连接输入如下命令 $ ssh -T git@github.com会得到如下输出，询问是否确认连接，输入yes回车确认 The authenticity of host 'github.com (13.229.188.59)' can't be established. RSA key fingerprint is SHA256:nThbg6kXUpJWGl7mykeyCspRomTxdCARLviKw6E5SY8. Are you sure you want to continue connecting (yes/no)? yes最后连接成功会看到如下输出 Warning: Permanently added 'github.com,13.229.188.59' (RSA) to the list of known hosts. Hi ghxiaoxiao! You've successfully authenticated, but GitHub does not provide shell access.参考Connecting to GitHub with SSH

Windows和Office激活神器HEU KMS Activator 分享一个激活神器，装机必备。说明：1.报毒正常，几乎所有激活软件都这样，关WD是必备操作，有时候360都需要关掉或者加白名单2.怎么安装Windows和Office，不懂得自行搜索。HEU_KMS_Activator_v24.6.1（目前最新版）链接: https://pan.baidu.com/s/1OkVRF-rR8GxTgSCj74bR9A?pwd=d41m 提取码: 隐藏内容，请前往内页查看详情介绍：HEU KMS Activator是一款专为Windows以及Office所推出的离线激活软件。这款Windows+Office离线激活工具功能强大，操作简单，其为单一可执行的方式，使用完毕后对系统无任何残留，可以直接删除，几乎能不联网激活包括Windows11在内的全部版本的Windows和Office，需要的小伙伴可下载体验。HEU KMS Activator 目前支持激活的有：Windows 10、Windows 8.1、Windows 8、Windows 7（企业版/专业版）、Office 2013 （VL版）、Office 2010（VL版）等。　　一、HEU KMS Activator简明激活教程　　1、如果激活Windows则点击按钮“激活Windows”，如果激活Office 2010则点击按钮“激活WindowsOffice 2010 VL”，如果激活Office 2013则点击按钮“激活WindowsOffice 2013 VL”，180天后到期，再次执行相同的操作即可。　　2、如果想免去180天执行一次激活的操作，可以点击【高级】里面的按钮“安装自动续期服务”，如果卸载点击“卸载自动续期服务”即可。　　3、如果既安装了Windows又安装了Office，可以分别点击上述按钮来激活，也可以点击按钮“一键激活（ALL）并自动续期”，完成激活并自动安装续期服务。　　4、“自动续期服务”的作用是：保持开机启动，永远维持激活状态，这项是可选操作。　　二、使用公网KMS服务器激活　　1、在【附加】选项中，输入服务器的IP地址；　　2、然后依次点击“第1步”、“第2步”、“第3步”即可。　　三、搭建KMS服务器　　1、在【附加】选项中，使用默认IP地址，点击第1步即可搭建成功。　　2、将计算机连接到公网，公网IP作为KMS服务器的地址，其他计算机连接上即可激活。　　四、静默参数　　/? 查看具体参数；　　/s 激活Windows和Office；　　/i 安装自动续期服务；　　/u 卸载自动续期服务；