下面是将你的内容转换为 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` 文件中：
<!--加载动画
