[scode type="green"]本站运行的Handsome版本为：handsome 8.2.1 Pro[/scode][scode type="red"]部分设置可能会涉及到源码修改，请注意备份[/scode][scode type="lblue"]有什么疑问欢迎评论区我们一起讨论[/scode][collapse title="handsome美化修改文件名称" status="false"]footer.php 最底部版权、音乐播放器之类 sidebar.php 右侧栏目 aside.php 左边导航栏 post.php 文章输出 comments.php 评论区 header.php 页面头，没啥要改的 headnav.php 顶部导航 say.php 时光机动态 404.php 404界面 archive.php 整合 booklist.php 书单 cross.php 时光机 files.php 归档 functions.php 配置界面的东西 guestbook.php 留言板 index.php 首页 links.php 友链 page.php 文章页面整合[/collapse][collapse title="网站加载提示" status="false"]/* 网站加载完成提示开始 */ 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][collapse title="使用博客内提示 设置复制成功提示" status="false"]/* 复制成功提示代码开始 */ kaygb_copy();function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){ $.message({ message: "尊重原创，转载请注明出处！ 本文作者：瑞哲ovo 原文链接："+sitesurl, title: "复制成功", type: "warning", autoHide: !1, time: "5000" }) }} /* 复制成功提示代码结束 */[/collapse][collapse title="文章版权" status="false"]使用方法： 复制下面代码到handsome主题-设置外观-开发者设置-自定义 JavaScript/* 复制文章自动带版权开始 */ 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 = '' + '著作权归作者所有。 ' + '商业转载请联系作者获得授权，非商业转载请注明出处！ ' + '本博转载文章版权及解释权归原作者所有，博主只是勤劳的搬运工！ ' + '作者：瑞哲ovo QQ:2290294443 ' + '链接：' + window.location.href + ' ' + '来源：http://www.ruizheovo.com/ ' + window.getSelection().toString(); var textData = '' + '著作权归作者所有。\n' + '商业转载请联系作者获得授权，非商业转载请注明出处！\n' + '本博转载文章版权及解释权归原作者所有，博主只是勤劳的搬运工！\n' + '作者：瑞哲ovo QQ:2290294443\n' + '链接：' + window.location.href + '\n' + '来源：http://www.ruizheovo.com/\n\n' + window.getSelection().toString(); clipboardData.setData('text/html', htmlData); clipboardData.setData('text/plain',textData); } } /* 复制文章自动带版权结束 */[/collapse][collapse title="文章结尾添加版权" status="false"]食用： 复制下面代码到你服务器文件路径usr/themes/handsome/post.php文件里面 大致在第96行结尾 本文作者：<a href="<?php $this->author->permalink(); ?>" rel="author"> <?php $this->author(); ?> 文章标题：<a href="<?php $this->permalink() ?>"><?php $this->title() ?> 本文地址：<a href="<?php $this->permalink() ?>"><?php $this->permalink() ?> 版权说明：若无注明，本文皆<a href="<?php $this->options->siteUrl(); ?>" target="_blank" data-original-title="<?php $this->options->title() ?>"><?php $this->options->title() ?>原创，转载请保留文章出处。 [/collapse][collapse title="文章标题" status="false"]以下代码放置 后台-外观设置-开发者设置-自定义CSS/*文章标题居中*/ .panel h2{ text-align: center; } .panel-small h2{ text-align: center; } .panel-picture h3{ text-align: center; } .post-item-foot-icon{ text-align: center; }[/collapse][collapse title="加载动画" status="false"]以下代码放置 主题文件header.php内 [/collapse][collapse title="评论添加一键打卡" status="false"]主题设置 - 开发者设置 - 自定义JavaScript 和 PJAX回调函数function a(a, b, c) { if (document.selection) a.focus(), sel = document.selection.createRange(), c ? sel.text = b + sel.text + c : sel.text = b, a.focus(); else if (a.selectionStart || "0" == a.selectionStart) { var l = a.selectionStart, m = a.selectionEnd, n = m; c ? a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length) : a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length); c ? n += b.length + c.length : n += b.length - m + l; l == m && c && (n -= c.length); a.focus(); a.selectionStart = n; a.selectionEnd = n } else a.value += b + c, a.focus() } var b = (new Date).toLocaleTimeString(), c = document.getElementById("comment") || 0; window.SIMPALED = {}; window.SIMPALED.Editor = { daka: function() { a(c, "滴！学生卡！打卡时间：" + b, "，请上车的乘客系好安全带~") }, zan: function() { a(c, " 写得好好哟,我要给你生猴子！::funny:04:: ") }, cai: function() { a(c, "骚年,我怀疑你写了一篇假的文章！::funny:03:: ") } };主题目录的component/comments.php里面的130行左右参照下面代码进行修改 <?php _me("评论") ?> * <textarea id="comment" class="textarea form-control OwO-textarea" name="text" rows="5" placeholder="<?php _me("说点什么吧……") ?>" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"><?php $this->remember('text'); ?> 打卡 <div class="secret_comment" id="secret_comment" data-toggle="tooltip" data-original-title="<?php _me("开启该功能，您的评论仅作者和评论双方可见") ?>">主题设置 - 开发者设置 - 自定义CSS 添加以下代码.secret_comment { top: 5px; } .OwO.OwO-open .OwO-body { display:table }[/collapse][collapse title="开启全站灰色（黑白模式）" status="false"]设置外观--开发者设置--自定义CSS 添加以下代码 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 title="春节倒计时代码" status="false"]1.左对齐版本主题设置 - 开发者设置 - 首页列表最前方广告位添加以下代码 2020年-新年倒计时 157 天 9 时 7 分 42 秒 主题设置 - 开发者设置 - 自定义CSS添加以下代码/* 倒计时开始 */ .gn_box { padding: 10px 14px; margin-bottom: 20px; text-align: center; background-color: #fff; } #t_d{ color: #982585; font-size: 18px; } #t_h{ color: #8f79c1; font-size: 18px; } #t_m{ color: #65b4b5; font-size: 18px; } #t_s{ color: #83caa3; font-size: 18px; }2.居中版本只需在主题设置 - 开发者设置 - 首页列表最前方广告位添加以下代码 2022年- 新年倒计时 天 时 分 秒 [/collapse][collapse title="标签云颜色" status="false"]主题设置 - 开发者设置 - 自定义JS添加以下代码 let tags = document.querySelectorAll("#tag_cloud-2 a"); let colorArr = ["#000000", "#000000", "#000000", "#000000", "#000000", "#000000"]; tags.forEach(tag => { tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)]; tag.style.backgroundColor = tagsColor; }); let tags = document.querySelectorAll("#tag_cloud-2 a"); let colorArr = ["#C0C0C0", "#C0C0C0", "#C0C0C0", "#C0C0C0", "#C0C0C0", "#C0C0C0"]; tags.forEach(tag => { tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)]; tag.style.backgroundColor = tagsColor; }); let tags = document.querySelectorAll("#tag_cloud-2 a"); let colorArr = ["#ADD8E6", "#ADD8E6", "#ADD8E6", "#ADD8E6", "#ADD8E6", "#ADD8E6"]; tags.forEach(tag => { tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)]; tag.style.backgroundColor = tagsColor; }); let tags = document.querySelectorAll("#tag_cloud-2 a"); let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"]; tags.forEach(tag => { tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)]; tag.style.backgroundColor = tagsColor; }); let tags = document.querySelectorAll("#tag_cloud-2 a"); let colorArr = ["#00BFFF", "#00BFFF", "#00BFFF", "#00BFFF", "#00BFFF", "#00BFFF"]; tags.forEach(tag => { tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)]; tag.style.backgroundColor = tagsColor; });如果主题中启用了pjax，还需要将上面代码添加到pjax-pjax回调函数中；[/collapse][collapse title="鼠标点击特效" status="false"]1.点击出现文字特效在主题的footer.php文件中的之前添加以下代码 [/collapse][collapse title="响应耗时" status="false"]在主题的functions.php文件中添加以下代码//加载耗时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; }然后在/usr/themes/handsome/component/sidebar.php中添加以下代码 <?php echo timer_stop();?><?php _me("加载耗时") ?>[/collapse][collapse title="去除文章底部修改日期及版权说明" status="false"]**修改/usr/themes/handsome/libs/Content.php文件，大概570行左右删除以下内容return ' '._mt("最后修改").'：'.date(_mt("Y 年 m 月 d 日 h : i A") , $time + $obj).' © '.$content.' ';[/collapse]
首先我们需要下载web弹层组件layer[scode type="yellow"]由于layer官网已经关闭 请大家移步Github或者Gitee搜索下载[/scode]解压上传到服务器将下载的web弹层组件layer上传到你的服务器网站根目录[scode type="yellow"]此处为隐藏内容需要通过回复本帖方式进行查看如果您已经 回复 请点击按钮刷新权限刷新[/scode]JS代码[hide] //这里设置为你自己的layer.js所在位置 [/hide]即使打开了开发者工具也会执行 debugger 命令执行该命令会 浏览器会进入debug状态。 debug状态有个特性， 界面被冻住，不管我们怎么点击界面都不会触发事件。使用方法：将代码复制粘贴到设置外观->开发者设置->自定义输出body 尾部的HTML代码或者post.php里即可