前言平时学习工作难免遇到要在虚拟环境里测试的情况。众所周知，搭建虚拟环境最好的时机是昨天和现在，不过现在多了一个选择，你可以直接用我做好的虚拟机底包。目前虚拟机底包有win10和linux两个版本。你可以在页面最下方找到下载链接。win10虚拟机底包介绍该底包使用精简过的win10系统，系统原始镜像可在这里下载：不忘初心系统经过多次优化和实测验证，保证常用功能不缺失的情况下大幅降低性能需求。关于更新：跟随原始镜像，若收到异常反馈也会提前修复更新。Linux虚拟机底包介绍该底包使用Debian官方原版系统。切换安装源为国内【待补充】，并补齐了部分常用工具。以下是额外安装列表：关于更新：跟随官方镜像。其他所有虚拟机底包都是基于vmware17创建的。下载地址该资源使用123云盘分享，如果您够幸运，则可免登录下载（博主链接提供每月10G的免登录配额）[button color="light" icon="" url="https://www.123865.com/s/Ba7tjv-D7F4" type="round"]123云盘 提取码:5IEq[/button]
准备工作需要预先知道旧电脑的CPU类型是32位还是64位。一般而言，稍微新一点的是64位的，装x86_64版，古董机是纯32位的，只能装i386版。arm64版是在手机里装的，远古手机可能需要装arm32版（远古手机还是换个盆吧）然后下载对应镜像。推荐centos7，对老机型友好。centos下载时建议选择国内源，速度会快一点，阿里源其中后缀有Minimal-的意味这是最小安装包，推荐用这个，无桌面环境。将系统写入U盘需要用到UltraISO 官网下载其中UltraISO需要激活，可使用以下注册码激活：用户名:王涛 注册码:7C81-1689-4046-626F用户名:累累 注册码:4EE9-A156-B015-A70E激活好后打开下载的镜像文件然后点启动->写入硬盘映像然后点击写入将系统映像写入U盘，该步骤会格式化你的U盘，请提前备份好资料成功后可在系统里看到被改了名字的U盘用U盘安装系统[scode type="yellow" size=""]如果准备全新安装，请在安装前清理旧分区，或者全盘格式化[/scode]U盘插到要安装Linux的电脑上后，启动电脑，在启动时，一直按F2键，就能进入到主板的BIOS控制界面，按左右键移动到boot选项。然后按上下键到removeable device选项，再按+号移动它的位置在最上方。因为我这台电脑比较老，所以U盘只能显示为removeable device，对于一些比较新的主板，可以直接显示出U盘的名称。那就把这个名称移动到最上方即可。然后按F10保存设置，按回车确认，系统开始重启。重启后，就会自动从U盘启动，然后就显示出了Linux系统的安装选项，移动鼠标到第一个Install CentOS 7，然后敲回车。再按一次回车，就开始安装。实际使用中，如果使用官方源安装软件较慢，可以更改为国内源：阿里云yum源：1）备份当前yum源防止出现意外还可以还原回来cd /etc/yum.repos.d/cp /CentOS-Base.repo /CentOS-Base-repo.bak2）使用wget下载阿里yum源repo文件wget http://mirrors.aliyun.com/repo/Centos-7.repo3) 清理旧包yum clean all4）把下载下来阿里云repo文件设置成为默认源mv Centos-7.repo CentOS-Base.repo5）生成阿里云yum源缓存并更新yum源yum makecacheyum update163源：1）备份当前yum源防止出现意外还可以还原回来cd /etc/yum.repos.d/cp /CentOS-Base.repo /CentOS-Base-repo.bak2）使用wget下载163yum源repo文件wget http://mirrors.163.com/.help/CentOS7-Base-163.repo3) 清理旧包yum clean all4）把下载下来163repo文件设置成为默认源mv CentOS7-Base-163.repo CentOS-Base.repo5）生成163yum源缓存并更新yum源yum makecacheyum updateyum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
Handsome主题文件目录结构[collapse status="false" title="Handsome主题文件目录结构"]component/comments.php 评论区 component/footer.php 底部版权、音乐播放器之类 component/header.php 页面头，没啥要改的 component/headnav.php 顶部导航 component/say.php 时光机动态 component/sidebar.php 右侧栏目 component/third_party_comments.php 3.3.0新增，第三方评论 css/ 博客CSS，一般不要改 fonts/ 博客字体，一般不要改 img/ 图像，一般不要改 js/ js文件，一般不要改 lang/ 语言文件 libs/Content.php 文章内容 libs/... 一般不要改 usr/ 另一个语言文件？ 404.php 404界面 archive.php 整合 booklist.php 书单 cross.php 时光机 files.php 归档 functions.php 配置界面的东西 guestbook.php 留言板 index.php 首页 links.php 友链 page.php 文章页面整合 post.php 文章输出 color： 选填，不填默认为success（绿色），可选值： light：白色 info：蓝色 dark：深色 success：绿色 black：黑色 warning：黄色 primary：紫色 danger：红色[/collapse]基础设置自定义后台路径[collapse status="false" title="自定义后台路径"]1、将 Typecho程序根目录中的后台文件夹 "admin"改名，名字即为你想自定义的地址名，例如：将 "admin"改为 "xxx"2、修改根目录文件 "config.inc.php"，打开该文件后找到/* 后台路径(相对路径) / define(' **TYPECHO_ADMIN_DIR** ', '/admin/');将代码中 "admin"改为你自定义的地址，例如：xxx这样一来，我们的 Typecho程序网站的后台就改成：域名 /xxx了[/collapse]文章中嵌入网页[collapse status="false" title="文章中嵌入网页"]比如在独立页面上放置一个单独的网页页面使用方法在文章中添加代码即可，将链接地址修改为你需要展示的网站地址 [/collapse]时光机栏目增添额外内容[collapse status="false" title="时光机栏目增添额外内容"]使用方法将以下代码按照需求自行修改后放到主题 后台-时光机配置-RSS动态内容配置内即可{"id":"iciba","name":"每日一句","url":"https://proxy.attainment.cn/https://rss.attainment.cn/iciba/7/poster"}, {"id":"oschina","name":"开源中国","url":"https://proxy.attainment.cn/https://rss.attainment.cn/oschina/news"}, {"id":"bing","name":"Bing 壁纸","url":"https://proxy.attainment.cn/https://rss.attainment.cn/bing"}, {"id":"sspai","name":"少数派","url":"https://proxy.attainment.cn/https://sspai.com/feed"}, {"id":"DailyArt","name":"每日艺术","url":"https://proxy.attainment.cn/https://rss.attainment.cn/dailyart/zh"}[/collapse]自定义音乐播放器音量[collapse status="false" title="自定义音乐播放器音量"]后台-设置外观-开发者设置-自定义JS 添加以下代码setTimeout(function (){document.querySelector(".skPlayer-source").volume=0.3;}, 3000);其中 volume=0.3为播放器音量控制，默认为 0.3支持修改范围为 0.0 - 1可自行设置[/collapse]自定义CSS该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义CSS处：文章标题居中[collapse status="false" title="文章标题居中"]/*文章标题居中*/ header.bg-light.lter.wrapper-md { text-align: center; }[/collapse]首页标题文字居中[collapse status="false" title="首页标题文字居中"]/*首页标题文字居中*/ .m-t-none.text-ellipsis.index-post-title.text-title { text-align:center !important; }[/collapse]文章日期居中[collapse status="false" title="文章日期居中"]/*文章日期居中*/ .text-muted.post-item-foot-icon.text-ellipsis.list-inline { text-align: center; }[/collapse]左上角博客LOGO/博客名称的扫光效果[collapse status="false" title="扫光效果"]/* logo扫光 */ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}[/collapse]左上角博主信息羽毛背景[collapse status="false" title="羽毛背景"]background:url后面括号里的网址就是羽毛动画的网址，你也可以把它保存下来放到自己网站的根目录的某个位置内，然后将网址改为自己的博客，防止该效果失效（也就是做了个备份的意思，当然如果你嫌麻烦也可以不做）/* 羽毛_css */ .dropdown.wrapper { background:url(https://您的博客网址/yumao.webp) right bottom no-repeat; }[/collapse]时光机内圆形头像[collapse status="false" title="时光机内圆形头像"]顾名思义，就是将独立页面-时光机里的头像都更改为圆形(原版是方形圆角样式)/* 时光机圆形头像 */ .img-square {border-radius: 50%;} .list-group-item .thumb-sm .img-square {border-radius: 5px;}[/collapse]网站右侧滚动条样式[collapse status="false" title="网站右侧滚动条样式"]此处的 #949494;即为滚动条的颜色，你可以去 http://tools.jb51.net/static/colorpicker/ 这个链接去找到你喜欢的颜色然后替换注意：替换的是 #后面的 6位数字，#不要动\~/* 美化网站右侧滚动条样式 */ /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 8px; height: 6px } /*定义滚动条轨道*/ ::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { background-color: #949494; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 100%,transparent 100%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent); -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em }[/collapse]鼠标路过头像时放大并旋转[collapse status="false" title="鼠标路过头像时放大并旋转"]/* 鼠标经过头像旋转放大 */ .img-circle { border-radius: 50%; animation: light 4s ease-in-out infinite; transition: all 0.5s; } .img-circle:hover { transform: scale(1.15) rotate(720deg); } @keyframes light { 0% { box-shadow: 0 0 4px #f00; } 25% { box-shadow: 0 0 16px #0f0; } 50% { box-shadow: 0 0 4px #00f; } 75% { box-shadow: 0 0 16px #0f0; } 100% { box-shadow: 0 0 4px #f00; } }[/collapse]赞赏按钮跳动[collapse status="false" title="赞赏按钮跳动"]/*赞赏按钮跳动*/ .btn-pay { animation: star 0.5s ease-in-out infinite alternate; } @keyframes star { from { transform: scale(1); } to { transform: scale(1.1); } }[/collapse]标题悬停颜色[collapse status="false" title="标题悬停颜色"].index-post-title a:hover { color: #2ebaae; }[/collapse]全站页面纯白[scode type="yellow" size=""]全站页面使用白色时，需要在 后台设置-外观设置-主题色调自定义搭配修改为 white-white-white[/scode][collapse status="false" title="全站页面纯白"]/*白色整体背景*/ div#alllayout { background-color: #fff; } .night div#alllayout { background-color: #1d1f20; } /*左侧-顶部-底部*/ .bg-white{ background-color: #fff; } /*页面底部*/ .bg-light { background-color: #fff; } /*首页标题背景变白*/ .bg-light .lter, .bg-light.lter { background-color: #fff; } /* 右侧背景 */ .bg-white-only{ background-color:#fff; } /*文章页面变白*/ #post-panel { background: white; } /*登录后前台头像下变白*/ li.wrapper.b-b.m-b-sm.bg-light.m-t-n-xs { background-color: #fff; }[/collapse]局部阴影[collapse status="false" title="局部阴影"]/*博客信息-搜索框-幻灯片 阴影*/ .box-shadow-wrap-normal { box-shadow: 0 0px 4px rgba(0, 0, 0, 0.16); } /*盒子四周阴影*/ .app.container { box-shadow: 0 0 20px rgba(0, 0, 0, 0.16)!important; } /*文章圆角-阴影*/ .panel { box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .13); border-radius: 6px!important; } /*文章标题阴影*/ .bg-white-pure { background: white; box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .13); } /*文章圆角-阴影*/ .panel { box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .13); border-radius: 6px!important; }[/collapse]文章版式阴影化[collapse status="false" title="文章版式阴影化"]可能这个项目看名称比较晦涩，其实就是你现在看到的各个边框散发的蓝(色的)光效果。所有 rgba后面的，如 26, 169, 255都可以进行修改，它代表的是散发出来的颜色类型。你同样可以去 http://tools.jb51.net/static/colorpicker/ 这个网站去选自己喜欢的颜色，但更改的时候一定注意"标点"，不要出现类似少逗号的问题哦\~/* 首页文章版式阴影颜色 */ .panel{ box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35); } .panel:hover{ box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35); } .panel-small{ box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35); } .panel-small:hover{ box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(26, 169, 255, 0.35); } .app.container { box-shadow: 0 0 30px rgba(26, 169, 255, 0.35); }[/collapse]获取焦点放大[collapse status="false" title="获取焦点放大"]/*首页文章图片获取焦点放大*/ .item-thumb { cursor: pointer; transition: all .6s; } .item-thumb:hover { transform: scale(1.05); }[/collapse]首页文章列表悬停上浮[collapse status="false" title="首页文章列表悬停上浮"]/*首页文章列表悬停上浮*/ .blog-post .panel:not(article) { transition: all 0.3s; } .blog-post .panel:not(article):hover { transform: translateY(-10px); box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47); }[/collapse]等距标签云[collapse status="false" title="等距标签云"]/*词云等距美化*/ #tag_cloud-2 a { border-radius: 5px; width: 32%; }[/collapse]右侧列表导航栏图标颜色[collapse status="false" title="右侧列表导航栏图标颜色"]这一项是更改右上方三个图标(大拇指，信息，礼物)的颜色，默认是白色。同样 #后面的六位数字代表颜色，可以改~/* 右侧列表导航栏图标颜色 */ .sidebar-icon svg.feather.feather-thumbs-up{color: #ff0000;} .sidebar-icon svg.feather.feather-message-square{color:#495dc3;} .sidebar-icon svg.feather.feather-gift{color:#52DE97;} #post-content pre code { display:block; overflow-x:auto; position:relative; margin:0; padding-left:50px; } pre code { position:relative; display:block; overflow-x:auto; margin:4.4px 0.px .4px 1px; padding:0; max-height:500px; padding-left:3.5em } .img-square { transition: all 0.3s; } .img-square:hover { transform: rotate(360deg); } .glyphicon-fire { color: #ff0000; } .nav-tabs-alt .glyphicon-comment { color: #495dc3; } .glyphicon-transfer { color: #0e5458; }[/collapse]赞赏按钮跳动[collapse status="false" title="赞赏按钮跳动"]/*赞赏按钮跳动*/ .btn-pay { animation: star 0.5s ease-in-out infinite alternate; } @keyframes star { from { transform: scale(1); } to { transform: scale(1.1); } }[/collapse]评论边框[collapse status="false" title="评论边框"]/*评论边框*/ .comment-parent { margin: 20px; padding: 20px; border-radius: 25px; border: 1px solid rgba(255,255,255,.3); }[/collapse]粗斜体上色[collapse status="false" title="粗斜体上色"]/* 粗斜体上色 */ strong{ color: #f26522; } em{ font-style: normal; color: #fcaf17; }[/collapse]开启全站变灰（黑白模式）[collapse status="false" title="开启全站变灰"]方式一： html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); } html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} 方式二： 方式三： 方式四： [/collapse]首页文章添加圆角效果[collapse status="false" title="首页文章添加圆角效果"]/*首页文章版式圆角化*/ .panel{ border: none; border-radius: 15px; } .panel-small{ border: none; border-radius: 15px; } .item-thumb{ border-radius: 15px; }[/collapse]自定义字体选择字体，然后去字体转换把 otf、ttf转换成 woff格式。将转换成功后的字体上传至网站目录中,默认字体目录是 /usr/themes/handsome/assets/fonts文件夹里。[collapse status="false" title="自定义字体"]/*自定义字体*/ @font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap; src:url(填写字体所在的位置) format('woff2')} *{font-family:HarmonyOS_Sans_SC_Medium} body {font- family: HarmonyOS!important;}[/collapse]修改h1，h2标题背景颜色[collapse status="false" title="修改h1，h2标题背景颜色"]/*文章页h标签背景颜色修改*/ #post-content h1, #post-content h2 { background : linear-gradient(to bottom,transparent 60%,rgba(0,191,255,.3) 0) no-repeat }[/collapse]手机端不显示热门文章和标签云[collapse status="false" title="手机端不显示热门文章和标签云"]/*手机不显示热门文章和标签云*/ @media (max-width:767px) { #tabs-4,#tag_cloud-2 { display: none; } }[/collapse]网站背景添加海浪背景[collapse status="false" title="网站背景添加海浪背景"]添加至后台 主题设置-开发者设置-自定义CSS/* 海浪背景CSS部分 */ #wavesDIV{position: fixed;bottom: 0;width: 100%;display:block;height:20vh;background-color:rgb(125,165,191);animation: move-out 2s cubic-bezier(0,.98,.97,1) forwards;} .waves { position:relative; width: 100%; height:15vh; margin-top:-15vh; min-height:100px; max-height:150px; } .parallax > use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; } .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } @keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } } @keyframes move-out { 0% { transform: translateY(400%); } 100% { transform: translateY(0%); } }添加至后台 主题设置-开发者设置-自定义输出head 头部的HTML代码 <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path> </defs> <g class="parallax"> <use xlink:href="#gentle-wave" x="48" y="-2" fill="rgba(125,165,191,0.3)"></use> <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(125,165,191,0.5)"></use> <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(125,165,191,0.7)"></use> <use xlink:href="#gentle-wave" x="48" y="12" fill="rgba(125,165,191,1)"></use> </g> [/collapse]自定义JavaScript该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义Javascript处左侧彩色图标和彩色标签云[collapse status="false" title="左侧彩色图标和彩色标签云"]/* 左侧图标颜色and彩色标签云 */ let tags = document.querySelectorAll("#tag_cloud-2 a"); let infos = document.querySelectorAll(".badge"); let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"]; tags.forEach(tag => { tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)]; tag.style.backgroundColor = tagsColor; }); infos.forEach(info => { infosColor = colorArr[Math.floor(Math.random() * colorArr.length)]; info.style.backgroundColor = infosColor; }); function addNumber(a) { var length = document.getElementById("comment").value.length; if(length> 0){ document.getElementById("comment").focus() document.getElementById("comment").value += '\n' + a + new Date }else{ document.getElementById("comment").focus() document.getElementById("comment").value += a + new Date } } let leftHeader = document.querySelectorAll("span.nav-icon>svg,span.nav-icon>i"); let leftHeaderColorArr = ["#FF69B4", "#58c7ea", "#E066FF", "#FF69B4", "#FFA54F", "#90EE90"]; leftHeader.forEach(tag => { tagsColor = leftHeaderColorArr[Math.floor(Math.random() * colorArr.length)]; tag.style.color = tagsColor; });如果你博客开启了PJAX，还需要在 PJAX回调函数里面添加以下代码：// 彩色标签云 let tags = document.querySelectorAll("#tag_cloud-2 a"); let infos = document.querySelectorAll(".badge"); let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"]; tags.forEach(tag => { tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)]; tag.style.backgroundColor = tagsColor; }); infos.forEach(info => { infosColor = colorArr[Math.floor(Math.random() * colorArr.length)]; info.style.backgroundColor = infosColor; }); function addNumber(a) { var length = document.getElementById("comment").value.length; if(length> 0){ document.getElementById("comment").focus() document.getElementById("comment").value += '\n' + a + new Date }else{ document.getElementById("comment").focus() document.getElementById("comment").value += a + new Date } }[/collapse]网页文字禁止复制[collapse status="false" title="网页文字禁止复制"] [/collapse]复制成功提示[collapse status="false" title="复制成功提示"]/* 复制成功提示代码开始 */ kaygb_copy();function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){ $.message({ message: "尊重原创，转载请注明出处！ 本文作者：沸腾的冰块 原文链接："+sitesurl, title: "复制成功", type: "warning", autoHide: !1, time: "5000" }) }} /* 复制成功提示代码结束 */[/collapse]复制文章带有文章版权[collapse status="false" title="复制文章带有文章版权"]/* 复制文章自动带版权开始 */ document.body.addEventListener('copy', function (e) { if (window.getSelection().toString() && window.getSelection().toString().length > 42) { setClipboardText(e); notie({ type: 'info', text: '商业转载请联系作者获得授权，非商业转载请注明出处，谢谢合作。', autoHide: true }) } }); function setClipboardText(event) { var clipboardData = event.clipboardData || window.clipboardData; if (clipboardData) { event.preventDefault(); var htmlData = '' + '著作权归作者所有。 ' + '商业转载请联系作者获得授权，非商业转载请注明出处！ ' + '本博转载文章版权及解释权归原作者所有，博主只是勤劳的搬运工！ ' + '作者：岁月无声 ' + '链接：' + window.location.href + ' ' + '来源：http://www.5k5b.com/ ' + window.getSelection().toString(); var textData = '' + '著作权归作者所有。\n' + '商业转载请联系作者获得授权，非商业转载请注明出处！\n' + '本博转载文章版权及解释权归原作者所有，博主只是勤劳的搬运工！\n' + '作者：hellolin.cn\n' + '链接：' + window.location.href + '\n' + '来源：http://www.5k5b.com/\n\n' + window.getSelection().toString(); clipboardData.setData('text/html', htmlData); clipboardData.setData('text/plain',textData); } } /* 复制文章自动带版权结束 */[/collapse]鼠标点击特效-爱心样式[collapse status="false" title="鼠标点击特效-爱心样式"]//鼠标点击出现爱心特效 (function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback){ setTimeout(callback,1000/60); } })(); init(); function init(){ css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}"); attachEvent(); gameloop(); } function gameloop(){ for(var i=0;i<hearts.length;i++){ if(hearts[i].alpha <=0){ document.body.removeChild(hearts[i].el); hearts.splice(i,1); continue; } hearts[i].y--; hearts[i].scale += 0.004; hearts[i].alpha -= 0.013; hearts[i].el.style.cssText = "left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color; } requestAnimationFrame(gameloop); } function attachEvent(){ var old = typeof window.onclick==="function" && window.onclick; window.onclick = function(event){ old && old(); createHeart(event); } } function createHeart(event){ var d = document.createElement("div"); d.className = "heart"; hearts.push({ el : d, x : event.clientX - 5, y : event.clientY - 5, scale : 1, alpha : 1, color : randomColor() }); document.body.appendChild(d); } function css(css){ var style = document.createElement("style"); style.type="text/css"; try{ style.appendChild(document.createTextNode(css)); }catch(ex){ style.styleSheet.cssText = css; } document.getElementsByTagName('head')[0].appendChild(style); } function randomColor(){ return "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")"; } })(window,document);[/collapse]网站加载完成提示[collapse status="false" title="网站加载完成提示"]/* 网站加载完成提示开始 */ function kaygb_referrer(){ var kaygb_referrer = document.referrer; if (kaygb_referrer != ""){ return "感谢您的访问！ 您来自： " + document.referrer; }else{ return ""; }} $.message({ message: "为了网站的正常运行，请不要使用广告屏蔽插件，谢谢！ " + kaygb_referrer(), title: "网站加载完成", type: "success", autoHide: !1, time: "3000" }) /* 网站加载完成提示结束 */[/collapse]左上角网站FPS显示[collapse status="false" title="左上角网站FPS显示"]/* FPS显示 */ var console={}; console.log=function(){}; $('body').before(' '); var showFPS = (function(){ var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000/60); }; var e,pe,pid,fps,last,offset,step,appendFps; fps = 0; last = Date.now(); step = function(){ offset = Date.now() - last; fps += 1; if( offset >= 1000 ){ last += offset; appendFps(fps); fps = 0; } requestAnimationFrame( step ); }; appendFps = function(fps){ console.log(fps+'FPS'); $('#fps').html(fps+'FPS'); }; step(); })();[/collapse]动态网站标题[collapse status="false" title="动态网站标题"]/* 动态网站标题 */ var OriginTitle = document.title; var titleTime; document.addEventListener('visibilitychange', function () { if (document.hidden) { $('[rel="icon"]').attr('href', "https://cdn.jsdelivr.net/gh/Catalpablog/handsome/img/warning.webp"); document.title = '网页崩溃了！！！'; clearTimeout(titleTime); } else { $('[rel="icon"]').attr('href', "https://cdn.jsdelivr.net/gh/Catalpablog/handsome/img/favicon.webp"); document.title = '咦，又好啦(✿◡‿◡)' ; titleTime = setTimeout(function () { document.title = OriginTitle; }, 2000); } });[/collapse]打字动画效果[collapse status="false" title="打字动画效果"]/* 打字动效 */ (function webpackUniversalModuleDefinition(a,b){if(typeof exports==="object"&&typeof module==="object"){module.exports=b()}else{if(typeof define==="function"&&define.amd){define([],b)}else{if(typeof exports==="object"){exports["POWERMODE"]=b()}else{a["POWERMODE"]=b()}}}})(this,function(){return(function(a){var b={};function c(e){if(b[e]){return b[e].exports}var d=b[e]={exports:{},id:e,loaded:false};a[e].call(d.exports,d,d.exports,c);d.loaded=true;return d.exports}c.m=a;c.c=b;c.p="";return c(0)})([function(c,g,b){var d=document.createElement("canvas");d.width=window.innerWidth;d.height=window.innerHeight;d.style.cssText="position:fixed;top:0;left:0;pointer-events:none;z-index:999999";window.addEventListener("resize",function(){d.width=window.innerWidth;d.height=window.innerHeight});document.body.appendChild(d);var a=d.getContext("2d");var n=[];var j=0;var k=120;var f=k;var p=false;o.shake=true;function l(r,q){return Math.random()*(q-r)+r}function m(r){if(o.colorful){var q=l(0,360);return"hsla("+l(q-10,q+10)+", 100%, "+l(50,80)+"%, "+1+")"}else{return window.getComputedStyle(r).color}}function e(){var t=document.activeElement;var v;if(t.tagName==="TEXTAREA"||(t.tagName==="INPUT"&&t.getAttribute("type")==="text")){var u=b(1)(t,t.selectionStart);v=t.getBoundingClientRect();return{x:u.left+v.left,y:u.top+v.top,color:m(t)}}var s=window.getSelection();if(s.rangeCount){var q=s.getRangeAt(0);var r=q.startContainer;if(r.nodeType===document.TEXT_NODE){r=r.parentNode}v=q.getBoundingClientRect();return{x:v.left,y:v.top,color:m(r)}}return{x:0,y:0,color:"transparent"}}function h(q,s,r){return{x:q,y:s,alpha:1,color:r,velocity:{x:-1+Math.random()*2,y:-3.5+Math.random()*2}}}function o(){var t=e();var s=5+Math.round(Math.random()*10);while(s--){n[j]=h(t.x,t.y,t.color);j=(j+1)%500}f=k;if(!p){requestAnimationFrame(i)}if(o.shake){var r=1+2*Math.random();var q=r*(Math.random()>0.5?-1:1);var u=r*(Math.random()>0.5?-1:1);document.body.style.marginLeft=q+"px";document.body.style.marginTop=u+"px";setTimeout(function(){document.body.style.marginLeft="";document.body.style.marginTop=""},75)}}o.colorful=false;function i(){if(f>0){requestAnimationFrame(i);f--;p=true}else{p=false}a.clearRect(0,0,d.width,d.height);for(var q=0;q<n.length;++q){var r=n[q];if(r.alpha<=0.1){continue}r.velocity.y+=0.075;r.x+=r.velocity.x;r.y+=r.velocity.y;r.alpha*=0.96;a.globalAlpha=r.alpha;a.fillStyle=r.color;a.fillRect(Math.round(r.x-1.5),Math.round(r.y-1.5),3,3)}}requestAnimationFrame(i);c.exports=o},function(b,a){(function(){var d=["direction","boxSizing","width","height","overflowX","overflowY","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","fontStyle","fontVariant","fontWeight","fontStretch","fontSize","fontSizeAdjust","lineHeight","fontFamily","textAlign","textTransform","textIndent","textDecoration","letterSpacing","wordSpacing","tabSize","MozTabSize"];var e=window.mozInnerScreenX!=null;function c(k,l,o){var h=o&&o.debug||false;if(h){var i=document.querySelector("#input-textarea-caret-position-mirror-div");if(i){i.parentNode.removeChild(i)}}var f=document.createElement("div");f.id="input-textarea-caret-position-mirror-div";document.body.appendChild(f);var g=f.style;var j=window.getComputedStyle?getComputedStyle(k):k.currentStyle;g.whiteSpace="pre-wrap";if(k.nodeName!=="INPUT"){g.wordWrap="break-word"}g.position="absolute";if(!h){g.visibility="hidden"}d.forEach(function(p){g[p]=j[p]});if(e){if(k.scrollHeight>parseInt(j.height)){g.overflowY="scroll"}}else{g.overflow="hidden"}f.textContent=k.value.substring(0,l);if(k.nodeName==="INPUT"){f.textContent=f.textContent.replace(/\s/g,"\u00a0")}var n=document.createElement("span");n.textContent=k.value.substring(l)||".";f.appendChild(n);var m={top:n.offsetTop+parseInt(j["borderTopWidth"]),left:n.offsetLeft+parseInt(j["borderLeftWidth"])};if(h){n.style.backgroundColor="#aaa"}else{document.body.removeChild(f)}return m}if(typeof b!="undefined"&&typeof b.exports!="undefined"){b.exports=c}else{window.getCaretCoordinates=c}}())}])}); POWERMODE.colorful=true;POWERMODE.shake=false;document.body.addEventListener("input",POWERMODE);[/collapse]添加复制弹窗[collapse status="false" title="添加复制弹窗"]首先添加以下代码至 自定义输出body尾部的HTML代码 然后将以下代码加到 自定义JavaScripts，文字部分可以自行更改~/* 复制效果 */ document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});};[/collapse]自定义body该修改项位于Handsome主题后台-外观-设置外观-开发者设置-自定义输出body 尾部的HTML代码处自定义右键菜单美化[collapse status="false" title="自定义右键菜单美化"]注意：一定首先在 主题后台-外观-设置外观-开发者设置-自定义输出head 头部的HTML代码位置添加以下代码。如果不添加将不会显示图标 加完之后再将下面的代码放到 自定义输出body 尾部的HTML代码处另外，一定要把代码里的网址改成自己的！！\~ 首页 复制 搜索 前进 后退 重载网页 和我当邻居 给我留言吧 [/collapse]清空控制台[collapse status="false" title="清空控制台"]首先添加以下代码至 自定义输出body尾部的HTML代码 [/collapse]防止他人F12抓你代码[collapse status="false" title="防止他人F12抓你代码"]首先要说，这个功能防君子不防小人。所以真的会扒你网站代码的人总是会有办法的。提示内容可以自行修改哦~ [/collapse]其他修改博主文字介绍动态化将代码里的 这是我的介绍文字内容修改成需要展示的文字内容即可，顺便那个❤也是可以改的。 将以下代码放到 主题后台-外观-设置外观-初级设置-博主的介绍内即可[collapse status="false" title="博主文字介绍动态化"] [/collapse]首页新年倒计时[collapse status="false" title="首页新年倒计时"]将如下代码加到 开发者设置-首页列表最前方广告位即可 2 0 2 3 年 - 新 年 倒 计 时 天 时 分 秒 [/collapse]给正文添加结束标识[collapse status="false" title="给正文添加结束标识"]首先打开 网站根目录 /usr/themes/handsome的post.php文件找到 <?php if ($this->options->adContentPost != ""): ?>这行代码，在其上方的空白位置添加以下代码 结束 并在改好保存后，在 自定义CSS处添加以下代码/*文章正文下的结束End分割线样式*/ .tt-fenge-end{border-top: 2px dotted #eee;height: 0px;margin: 35px 0px;text-align: center;width: 100%;line-height: 1.6em;} .tt-fenge-end span{background-color: #23b7e5;color: #fff;padding: 2px 8px;position: relative;top: -14px;border-radius: 12px;font-size: 12px;} /*深色模式下文章正文下的结束End分割线颜色*/ html.theme-dark .tt-fenge-end{border-top: 2px dotted #4f4f4f;}[/collapse]正文下方添加版权声明[collapse status="false" title="正文下方添加版权声明"]这个代码同样也是在 <?php if ($this->options->adContentPost != ""): ?>的上方添加位置和上面正文结束功能的添加位置相同，找到后添加以下代码(你也可以添加到其他你认为合适的地方) 本文标题： <?php $this->title() ?> 本文链接： <?php $this->permalink() ?> 除非另有说明，本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议。 声明：转载请注明文章来源。 添加好后，在 自定义CSS中添加以下代码：/*文章正文下的知识共享许可协议*/ .tt-license {font-size: 12px;font-weight: 600;padding: 1rem;background: repeating-linear-gradient(135deg,#f6f6f6,#f6f6f6 12px,#fff 0,#fff 24px);background-color: #f3f5f7;border-left: 3px solid #dde6e9;margin-bottom: 20px;} .tt-license-icon {align-items: center;position: relative;float: left;margin: -10px -10px -10px 0;margin-right: 10px;overflow: hidden;text-align: center;display: flex;height: 40px;color: #ff5722;} .tt-license a {color: #337ab7;text-decoration: underline;margin: 0 5px;} /*深色模式下的知识共享许可协议*/ html.theme-dark .tt-license {background: repeating-linear-gradient(135deg,#191919,#191919 12px,#222 0,#222 24px);border-left: 3px solid #494949;}.tt-license p {line-height: 1.5em;margin: 5px 0!important;}[/collapse]右侧添加人生倒计时（岁月不待人）首先找到网站根目录 /usr/themes/handsome/component/sidebar.php文件，找到 这一行内容。 在该内容向上两行找到 <?php endif; ?>，在该行紧接着下面添加如下代码：[collapse status="false" title="人生倒计时（岁月不待人）"] <?php _me("岁月不待人") ?> 今日已经过去小时 这周已经过去天 本月已经过去天 今年已经过去个月 [/collapse]取消时光机文字首字放大效果[collapse status="false" title="取消时光机文字首字放大效果"]修改 usr/themes/handsome/component/say.php文件，将以下代码注释掉#talk .streamline>.comment-list > .comment-body >.time-machine > .panel-body p:first-letter { font-size: 140%; /* float: left; */ vertical-align: middle; }[/collapse]信息统计增加全站字数、在线人数、响应耗时和访客总数[collapse status="false" title="全站字数、在线人数、响应耗时和访客总数"]首先将以下代码加到 /usr/themes/handsome/libs/Content.php中，放在 class Content的上面/*访问总量*/ function theAllViews(){ $db = Typecho_Db::get(); $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`'); echo number_format($row[0]['SUM(VIEWS)']); } /*响应时间*/ function timer_start() { global $timestart; $mtime = explode( ' ', microtime() ); $timestart = $mtime[1] + $mtime[0]; return true; } timer_start(); function timer_stop( $display = 0, $precision = 3 ) { global $timestart, $timeend; $mtime = explode( ' ', microtime() ); $timeend = $mtime[1] + $mtime[0]; $timetotal = number_format( $timeend - $timestart, $precision ); $r = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s"; if ( $display ) { echo $r; } return $r; } /** * 全站字数 */ function allOfCharacters() { $chars = 0; $db = Typecho_Db::get(); $select = $db ->select('text')->from('table.contents'); $rows = $db->fetchAll($select); foreach ($rows as $row) { $chars += mb_strlen(trim($row['text']), 'UTF-8'); } $unit = ''; if($chars >= 10000) { $chars /= 10000; $unit = '万'; } else if($chars >= 1000) { $chars /= 1000; $unit = '千'; } $out = sprintf('%.2lf %s',$chars, $unit); return $out; } /** * 在线人数 */ function online_users() { $filename='online.txt'; //数据文件 $cookiename='Nanlon_OnLineCount'; //Cookie名称 $onlinetime=30; //在线有效时间 $online=file($filename); $nowtime=$_SERVER['REQUEST_TIME']; $nowonline=array(); foreach($online as $line){ $row=explode('|',$line); $sesstime=trim($row[1]); if(($nowtime - $sesstime)<=$onlinetime){ $nowonline[$row[0]]=$sesstime; } } if(isset($_COOKIE[$cookiename])){ $uid=$_COOKIE[$cookiename]; }else{ $vid=0; do{ $vid++; $uid='U'.$vid; }while(array_key_exists($uid,$nowonline)); setcookie($cookiename,$uid); } $nowonline[$uid]=$nowtime; $total_online=count($nowonline); if($fp=@fopen($filename,'w')){ if(flock($fp,LOCK_EX)){ rewind($fp); foreach($nowonline as $fuid=>$ftime){ $fline=$fuid.'|'.$ftime."\n"; @fputs($fp,$fline); } flock($fp,LOCK_UN); fclose($fp); } } echo "$total_online"; }然后在 /usr/themes/handsome/component/sidebar.php文件内，找到合适和位置添加以下代码： 注： 处就是添加代码的地方，找到你想加的位置添加代码即可 <?php echo allOfCharacters(); ?><?php _me("全站字数") ?> <?php echo online_users() ?><?php _me("在线人数") ?> <?php echo theAllViews(); ?><?php _me("访客总数") ?> <?php echo timer_stop(); ?><?php _me("响应耗时") ?> [/collapse]底部版权美化[collapse status="false" title="底部版权美化"]左侧底部放在 后台-开发者设置-博客底部左侧信息 Copyright ©2022 5k5b. | 豫ICP备 2020030958号 豫公网安备 41032602000132号 右侧底部放在 后台-开发者设置-博客底部右侧信息 本站由 桔子数据提供服务 | Theme by Handsome css放在 主题设置-自定义css内/*底部页脚css*/ .github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; line-height: 15px; background-color: #abbac3; margin-bottom: 5px } .github-badge .badge-subject { display: inline-block; background-color: #4d4d4d; padding: 4px 4px 4px 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .github-badge .badge-value { display: inline-block; padding: 4px 6px 4px 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .github-badge .bg-blue { background-color: #007ec6 } .github-badge .bg-orange { background-color: #ffa500 } .github-badge .bg-green { background-color: #3bca6e }把下面代码放在主题目录 usr/themes/handsome/component/footer.php内大概在 177行，覆盖原来的即可 <?php $this->options->BottomInfo(); // 可以去除主题版权信息，最好保留版权信息或者添加主题信息到友链，谢谢你的理解 ?> <?php $this->options->BottomleftInfo(); ?> [/collapse]页脚处添加网站运行时间[collapse status="false" title="网站运行时间"]注意这个功能我是在上一个页脚美化的基础上添加的，如果没有添加页脚美化功能，该运行时间的排版会出现问题。当然你也可以改成你喜欢的样子\~代码放到 后台-开发者设置-博客底部左侧信息| 运行时间 [/collapse]添加网站加载效果[collapse status="false" title="网站加载效果"]首先找到 /usr/themes/handsome/component/文件夹内的 header.php，将以下代码加到最后 之后 加好后刷新博客会出现一直卡在加载页面的问题，我们再将以下代码放到 自定义JavaScripts里面/* 加载动画 */ $(function(){ $("#PageLoading").fadeOut(400); $("#body").css('overflow',''); });[/collapse]在博客顶部添加心知天气[collapse status="false" title="心知天气"]首先去心知天气官网注册账号并申请API之后在 /usr/themes/handsome/component/headnav.php文件中的动态日历中 <?php endif;?>下方添加以下代码注意将API信息改成自己的 [/collapse]404页面添加自动返回首页功能[collapse status="false" title="404页面添加自动返回首页功能"]找到 /usr/themes/handsome文件夹内的 404.php文件并打开。在 h1 class="text-shadow text-white">404这一行下面加入以下代码： 2秒后自动返回··· 立刻返回再把下面的代码加入 404.php文件内最底下的 前面 [/collapse]在文章顶部添加百度是否收录[collapse status="false" title="百度是否收录"]在 handsome/functions.php最底部添加代码/** * 提示文章百度是否收录 * */ function baidu_record() { $url='http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; if(checkBaidu($url)==1){ echo "百度已收录"; } else{ echo "百度未收录";} } function checkBaidu($url) { $url = 'http://www.baidu.com/s?wd=' . urlencode($url); $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); $rs = curl_exec($curl); curl_close($curl); if (!strpos($rs, '没有找到')) { //没有找到说明已被百度收录 return 1; } else { return -1; } }然后在 handsome/post.php在63行左右添加代码 &nbsp<?php echo baidu_record() ?> [/collapse]插件推荐鼠标美化插件HoerMouse[collapse status="false" title="鼠标美化"]插件下载：[button color="info" icon="" url="https://alist.boiling.top/%E5%8D%9A%E5%AE%A2%E6%96%87%E4%BB%B6/%E5%8D%9A%E5%AE%A2%E8%B5%84%E6%BA%90%E5%AD%98%E5%82%A8/Typecho%E6%8F%92%E4%BB%B6/HoerMouse.zip" type="round"]HoerMouse v1.3.0[/button]食用方法：下载插件，解压到 usr/plugins/目录中修改文件夹名为HoerMouse进入后台设置激活插件[/collapse]UserAgent插件[collapse status="false" title="UserAgent插件"]插件下载：[button color="info" icon="" url="https://alist.boiling.top/%E5%8D%9A%E5%AE%A2%E6%96%87%E4%BB%B6/%E5%8D%9A%E5%AE%A2%E8%B5%84%E6%BA%90%E5%AD%98%E5%82%A8/Typecho%E6%8F%92%E4%BB%B6/UserAgent%20v1.1.1.zip" type="round"]UserAgent v1.1.1[/button]食用方法：[scode type="blue" size=""]操作前请做好相应备份工作，此插件只针对于 Handsome主题[/scode]下载插件，解压到 usr/plugins目录中修改文件夹名为UserAgent进入后台设置激活插件修改 Handsome主题 component目录下 comments.php，代码大概在 99~100行左右。 <?php echo $author; ?> 添加代码<?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>，修改后代码如下： <?php echo $author; ?><?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?> 获取真实IPTypecho开启CDN后，可能无法获取访客真实IP，只能取得CDN节点IP，为此可以在Typecho博客网站的根目录的 config.inc.php插入下面的代码：//** 防止CDN造成无法获取客户真实IP地址 */ if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) { $list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']); $_SERVER['REMOTE_ADDR'] = $list[0]; }[/collapse]邮箱评论通知插件CommentToMail[collapse status="false" title="邮箱评论通知"]插件下载：[button color="info" icon="" url="https://alist.boiling.top/%E5%8D%9A%E5%AE%A2%E6%96%87%E4%BB%B6/%E5%8D%9A%E5%AE%A2%E8%B5%84%E6%BA%90%E5%AD%98%E5%82%A8/Typecho%E6%8F%92%E4%BB%B6/CommentToMail.zip" type="round"]CommentToMail[/button]食用方法：下载插件，解压到 usr/plugins/目录中修改文件夹名为CommentToMail进入后台设置激活插件[/collapse]
右侧添加舔狗日记[collapse status="false" title="舔狗日记"]舔狗日记API接口//备用api接口：https://api.starrobotwl.com/api/tg.php //备用api接口：https://api.kain8.cn/api/tg //备用api接口：https://v.api.aa1.cn/api/tiangou //备用api接口：https://api.oick.cn/dog/api.php //备用api接口：http://api.kekc.cn/api/tiangou如果你是handsome主题的话，在../themes/handsome/component/sidebar.php文件里，贴上下面的代码： <?php _me("舔狗日记") ?> (<?php date_default_timezone_set(PRC); $currenttime=date("Y-m-d"); echo $currenttime;?>) <?php $str = file_get_contents('https://api.oick.cn/dog/api.php'); $data = json_decode($str);?> <?php echo $data;?> CSS代码在开发者设置——自定义 CSS中加入下面这些代码：/*舔狗日记*/ .tiangou{ border: none; box-shadow: 0 12px 5px -10px rgba(0,0,0,0.1), 0 0 4px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 12px 5px -10px rgba(0,0,0,0.1), 0 0 4px 0 rgba(0,0,0,0.1); border-radius: 10px; padding:6px; text-align:center; }[/collapse]给博客挂个灯笼[collapse status="false" title="灯笼特效"]添加html代码在主题后台自定义输出body 尾部的HTML代码中添加如下html代码： 新年 快乐 添加css代码在您的模板后台自定义css中添加如下代码：/*灯笼*/ .deng-box1 { position: fixed; top: -30px; left: 5px; z-index: 9999; pointer-events: none; } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1); } .deng::before { position: absolute; top: -7px; left: 29px; height: 12px; width: 60px; content: " "; display: block; z-index: 999; border-radius: 5px 5px 0 0; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .xian { position: absolute; top: -20px; left: 60px; width: 2px; height: 20px; background: #dc8f03; } .deng-box1 { pointer-events: none; } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: 12px 8px 8px 10px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .deng-b { width: 45px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: -2px 8px 8px 26px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .deng-t { font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif; font-size: 1.5rem; color: #ffa500; font-weight: bold; line-height: 42px; text-align: center; width: 25px; margin: 0 auto; } .shui-a { position: relative; width: 5px; height: 20px; margin: -5px 0 0 59px; -webkit-animation: swing 4s infinite ease-in-out; -webkit-transform-origin: 50% -45px; background: #ffa500; border-radius: 0 0 5px 5px; } .shui-c { position: absolute; top: 18px; left: -2px; width: 10px; height: 35px; background: #ffa500; border-radius: 0 0 0 5px; } .shui-b { position: absolute; top: 14px; left: -2px; width: 10px; height: 10px; background: #dc8f03; border-radius: 50%; } .deng::after { position: absolute; bottom: -7px; left: 10px; height: 12px; width: 60px; content: " "; display: block; margin-left: 20px; border-radius: 0 0 5px 5px; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng-box2 { position: fixed; top: -30px; right: 5px; z-index: 9999; pointer-events: none; } .deng-box2 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng-box2 { pointer-events: none; } @-moz-keyframes swing { 0% { -moz-transform: rotate(-10deg) } 50% { -moz-transform: rotate(10deg) } 100% { -moz-transform: rotate(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(-10deg) } 50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } }若您不想在手机端显示效果，可以在自定义css中追加如下代码：@media (max-width: 900px){.deng-box1{display:none;}} @media (max-width: 900px){.deng-box2{display:none;}}若您需要修改灯笼的位置，可在css代码中找到.deng-box1，调整left的px值，找到.deng-box2，调整right的px值最后，去您的主页刷新下页面，灯笼就出来了[/collapse]还有更多，在这查找或者这里
[scode type="blue" size=""]本篇文章用于推荐在旧手机上运行的软件，持续更新！[/scode]小黑屋[scode type="green" size=""]支持免root使用[/scode]小黑屋是一款冻结类app，被小黑屋冻结的app就像被卸载掉了一样无法自启，对付系统级流氓有奇效。支持root，免root使用。如果你的旧手机无法root，那也可以用设备管理员模式（免root）ban掉流氓app，减轻旧手机的负担。如果冻结了系统app导致无法进入桌面，可去TWRP（recover）里恢复出厂设置就行。这个主力机也可以用哦，如果装的软件太多，可以将使用频率不高的软件“冻”起来，提高手机性能。AirDroid[scode type="green" size=""]支持免root使用[/scode]用于远程使用手机，安装后可以通过web端来使用手机的功能，比如存储文件，接打电话，收发短信，远程查看摄像头，远程录音等。甚至可以在另一台手机上安装airmirror实现远程控制！若没有root权限，远程控制需要按照官网教程进行免root处理。搭建博客[scode type="green" size=""]支持免root使用[/scode]如果只是想搭个博客的话，大可不必在手机里装linux，仅需安装ksweb即可，内置了php，nginx，sqlite等常见的运行环境，不管是静态页面还是动态类型均可满足，授予root权限即可使用80端口。不过在国内若是使用80端口提供网络服务（尤其是有了域名），记得备案哦。变为ip摄像头[scode type="green" size=""]支持免root使用[/scode]仅需安装ipwebcam就可将你的旧手机变为ip摄像头，可在浏览器里访问。这下只要解决了供电问题，就是一个完美的监控摄像头了。如果想在公网访问，可以用内网穿透类软件辅助一下，不过一定要注意数据安全。本站提供免费的nps服务，详情见下：[post cid="12" cover="" size=""/]安装其他软件桌面时钟：推荐专属时钟app，可以显示天气，黑底背景不好看但很省电。看电视：推荐高清直播app，占用极小，可在设置里选择打开时回到上次观看来规避购物台。看直播：z直播和justlive。justlive甚至直接支持浏览器观看。车载导航娱乐：不推荐，有极高的安全隐患。真有需求不如用主力机干这事，最多配个车载充电器。手机可适应不了车内的高温环境，就算把电池取了也不安全。获取文章中提到的资源：[button color="light" icon="" url="https://alist.boiling.top/%E5%8D%9A%E5%AE%A2%E6%96%87%E4%BB%B6/%E5%8D%9A%E5%AE%A2%E8%B5%84%E6%BA%90%E5%AD%98%E5%82%A8/%E6%97%A7%E6%89%8B%E6%9C%BA" type="round"]全部资源[/button]
在中央情报局极其机密的“行事手册”中，关于对付中国的部分最初撰写于中美严重对立的1951年，以后随着中美关系的变化不断修改，至今共成十项，内部代号称为《十条诫令》。一、尽量用物质来引诱和败坏他们的青年，鼓励他们藐视、鄙视、进一步公开反对他们原来怕受的思想教育，特别是共产主义教条。替他们制造对色情奔放的兴趣和机会，进而鼓励他们进行性的滥交。让他们不以肤浅、虚荣为羞耻。一定要毁掉他们强调过的刻苦耐劳精神。二、一定要尽一切可能，做好传播工作，包括电影、书籍、电视、无线电波……和新式的宗教传播。只要他们向往我们的衣、食、住、行、娱乐和教育的方式，就是成功的一半。三、一定要把他们青年的注意力，从以政府为中心的传统引开来。让他们的头脑集中于：体育表演、色情书籍、享乐、游戏、犯罪性的电影，以及有宗教迷信。四、时常制造一些无事之事，让他们的人民公开讨论，这样就在他们的潜意识中种下了分裂的种子。特别要在他们的少数民族里找好机会，分裂他们地区，分裂他们的民族，分裂他们的感情，在他们之间制造新仇旧恨，这是完全不能忽视的策略。五、要不断制造消息，丑化他们的领导。我们的记者应该找机会采访他们，然后组织他们自己的言辞来攻击他们自己。六、在任何情况下都要宣扬民主。一有机会，不管是大型小型，有形无形，都要抓紧发动民主运动。无论在什么场合，什么情况下，我们都要不断对他们（政府）要求民主和人权 。只要我们每一个人都不断地说同样的话，他们的人民就一定会相信我们说的是真理。我们抓住一个人是一个人，我们占住一个地盘是一个地盘。七、要尽量鼓励他们（政府）花费，鼓励他们向我们借贷。这样我们就有十足的把握来摧毁他们的信用，使他们的货币贬值，通货膨胀。只要他们对物价失去了控制，他们在人民心目中就会完全垮台。八、要以我们的经济和技术优势，有形无形地打击他们的工业。只要他们的工业在不知不觉中瘫痪下去，我们就可以鼓励社会动乱。不过我们必须表面上非常慈爱地去帮助和援助他们，这样他们（政府）就显得疲软。一个疲软的政府，就会带来更大的动乱。九、要利用所有的资源，甚至举手投足，一言一笑，都足以破坏他们的传统价值。我们要利用一切来毁灭他们的道德人心。摧毁他们的自尊自信的钥匙，就是尽量打击他们刻苦耐劳的精神。十、暗地运送各种武器，装备他们的一切敌人，以及可能成为他们敌人的人们。