下面是将你的内容转换为 Markdown 格式的示例:
## 版本信息
本站运行的 Handsome 版本为:**handsome 8.2.1 Pro**
部分设置可能会涉及到源码修改,请注意备份。
有什么疑问欢迎评论区我们一起讨论。
---
## 文件说明
- **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**: 文章页面整合
---
## 自定义 JavaScript
### 网站加载完成提示
/ 网站加载完成提示开始 /
function kaygb_referrer() {
var kaygb_referrer = document.referrer;
if (kaygb_referrer != "") {
return "感谢您的访问! 您来自:<br>" + document.referrer;
} else {
return "";
}
}
$.message({
message: "为了网站的正常运行,请不要使用广告屏蔽插件,谢谢!<br>" + kaygb_referrer(),
title: "网站加载完成",
type: "success",
autoHide: !1,
time: "3000"
});
/ 网站加载完成提示结束 /
### 复制成功提示
/ 复制成功提示代码开始 /
kaygb_copy();
function kaygb_copy() {
$(document).ready(function() {
$("body").bind('copy', function(e) {
hellolayer();
});
});
var sitesurl = window.location.href;
function hellolayer() {
$.message({
message: "尊重原创,转载请注明出处!<br> 本文作者:瑞哲ovo<br>原文链接:" + sitesurl,
title: "复制成功",
type: "warning",
autoHide: !1,
time: "5000"
});
}
}
/ 复制成功提示代码结束 /
### 复制文章自动带版权
/ 复制文章自动带版权开始 /
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 = ''
+ '著作权归作者所有。<br>'
+ '商业转载请联系作者获得授权,非商业转载请注明出处!<br>'
+ '本博转载文章版权及解释权归原作者所有,博主只是勤劳的搬运工!<br>'
+ '作者:瑞哲ovo QQ:2290294443<br>'
+ '链接:' + window.location.href + '<br>'
+ '来源:http://www.ruizheovo.com/<br><br>'
+ 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);
}
}
/ 复制文章自动带版权结束 /
## 代码添加位置
### 文章版权声明
将以下代码复制到 `handsome` 主题的 `post.php` 文件中,大致在第 96 行结尾:
### 自定义 CSS
将以下 CSS 代码添加到主题设置中的 `开发者设置` -> `自定义 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;
}
/ 开启黑白模式 /
html {
-webkit-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
### 加载动画
将以下 HTML 和 CSS 代码添加到 `header.php` 文件中:
PageLoading {
background-color: #fff;
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
margin-top: 0px;
top: 0px;
}
PageLoading-center {
width: 100%;
height: 100%;
position: relative;
}
PageLoading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
.object2 {
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
position: absolute;
border-left: 5px solid #FFB6C1;
border-right: 5px solid #b6def7;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
-webkit-animation: animate 2s infinite;
animation: animate 2s infinite;
}
object_one {
left: 75px;
top: 75px;
width: 50px;
height: 50px;
}
object_two {
left: 65px;
top: 65px;
width: 70px;
height: 70px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
object_three {
left: 55px;
top: 55px;
width: 90px;
height: 90px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
object_four {
left: 45px;
top: 45px;
width: 110px;
height: 110px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
@-webkit-keyframes animate {
50% {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes animate {
50% {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
<!--加载动画
13 comments
你的文章让我感受到了生活的美好,谢谢! http://www.55baobei.com/FBAJYD3sIp.html
每次看到你的文章,我都觉得时间过得好快。 http://www.55baobei.com/6AHDKcmckL.html
每次看到你的文章,我都觉得时间过得好快。 http://www.55baobei.com/SNsjKoQvgl.html
你的文章让我感受到了生活的美好,谢谢! http://www.55baobei.com/apM9Pbyind.html
你的才华横溢,让人敬佩。 https://www.4006400989.com/qyvideo/77224.html
你的文章让我感受到了不一样的视角,非常精彩。 http://www.55baobei.com/mNcAm2b7Os.html
看到你的文章,我仿佛感受到了生活中的美好。 http://www.55baobei.com/3m8cJXWFfb.html
你的文章充满了智慧,让人敬佩。 https://www.yonboz.com/video/39302.html
你的文章让我感受到了正能量,非常棒! https://www.yonboz.com/video/54845.html
你的文章内容非常卖力,让人点赞。 https://www.4006400989.com/qyvideo/80786.html
你的文章内容非常卖力,让人点赞。 https://www.4006400989.com/qyvideo/80786.html
你的才华让人惊叹,你是我的榜样。 http://www.55baobei.com/DdWqqtKqvK.html
你的文章内容非常卖力,让人点赞。 https://www.4006400989.com/qyvideo/80786.html