呃呃呃,自己尝试着照着大佬们的路子修改了下handsome的主题模板样式,本操作只涉及到了后台外观设置下的js自定义,css自定义,pjax回调,body底部输出html代码。

请将下列代码放入 自定义JavaScript下,并放入pjax回调中

/*复制提示*/
document.body.oncopy = function() {
    layer.msg('嗯~ o(* ̄▽ ̄*)o复制成功,若要转载请务必保留本文链接~谢啦!!☆⌒(*^-゜)v')
};
/*彩色云标签*/
let tags = document.querySelectorAll("#tag_cloud-2 a");
let infos = document.querySelectorAll(".badge");
tags.forEach(tag => {
    tag.style.backgroundColor = bg();
});
infos.forEach(info => {
    info.style.backgroundColor = bg();
});
/*彩色云文章*/
function bg(){
    var r=Math.floor(Math.random()*256);
    var g=Math.floor(Math.random()*256);
    var b=Math.floor(Math.random()*256);
    return "rgba("+r+','+g+','+b+",.3)";
}
let post_metas = document.querySelectorAll(".post-meta");
post_metas.forEach(post_meta => {
    post_meta.style.backgroundColor = bg();
});
/*防止12*/
document.onkeydown = function() {
    if (window.event && window.event.keyCode == 123) {
        layer.msg("o(*Q▽Q*)o求求惹,不要在扒孩子惹呜呜呜...");
        event.keyCode = 0;
        event.returnValue = false
    }
};
/*title搞怪*/
document.addEventListener("visibilitychange", function() {
    var OringTitile = document.title,titleTime;
    if (document.hidden) {
        document.title = "(p≧w≦q)页面崩溃惹 ~ 歆宋`Blog";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)页面又好啦 ~ 歆宋`Blog";
        titleTime = setTimeout(function() {
            document.title = OringTitile
        }, 1000)
    }
});

请将下列代码放入 自定义 Css下

/*头像呼吸光环和鼠标悬停旋转放大*/
.vertical-avatar img {
    border-radius: 50%;
    animation: breath 0.8s ease-in-out infinite alternate;
    transition: 1.6s;
}
.vertical-avatar  img:hover {
    transform: scale(1.14) rotate(360deg);
}
@-webkit-keyframes breath {
    from { box-shadow: 0px 0px 16px rgba(96,157,214,0.3); }
    to   { box-shadow: 0px 0px 16px rgba(96,157,214,1); }
}

/*首页文章头图放大特效*/
.blog-post .panel:not(article):hover {
    transform: translateY(-10px);
}
.blog-post .panel-small:not(article):hover {
    transform: translateY(-10px);
}
.blog-post .panel-picture:not(article):hover {
    transform: translateY(-10px);
}
.item-thumb {
    opacity:0.5;
}

/*赞赏图标跳动*/
.btn-pay {
    animation: star 0.5s ease-in-out infinite alternate;
}

@keyframes star {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

/*手机适配中不显示热门及标签云*/
@media (max-width:767px) {
    #tabs-4,#tag_cloud-2 {
        display: none;
    }
}

/*标签框悬浮*/
.OwO .OwO-body {
    background: rgba(255,255,255,.9);
    top: 15px;
    position: absolute;
}

/*页面元素抖动*/
.Pshake{
    display: inline-block;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: Pshake_Crazy 1s ease-in-out infinite;
    animation: Pshake_Crazy 1s ease-in-out infinite;
}
@keyframes Pshake_Crazy{
    10%{transform:translate(-0.5px,-0.5px) rotate(0.5deg);}
    20%{transform:translate(-0.5px,1.5px) rotate(0.5deg);}
    30%{transform:translate(1.5px,0.5px) rotate(0.5deg);}
    40%{transform:translate(1.5px,-0.5px) rotate(-0.5deg);}
    50%{transform:translate(2.5px,1.5px) rotate(1.5deg);}
    60%{transform:translate(-0.5px,-0.5px) rotate(-0.5deg);}
    70%{transform:translate(-0.5px,2.5px) rotate(1.5deg);}
    80%{transform:translate(2.5px,-1.5px) rotate(-0.5deg);}
    90%{transform:translate(1.5px,-0.5px) rotate(1.5deg);}
    0%,100%{transform:translate(0,0) rotate(0);}
}

/*透明背景下文章目录bug*/
#toc {
    background-color:rgba(255, 255, 255, .15) !important;
}

/*透明背景下时光机右侧bug*/
.bg-light .lter, .bg-light.lter {
    text-align: justify;
}

/*相册,文章图片圆角化,图片缓动*/
.album-thumb,.album-thumb .img-wrap,#postpage .image-thumb,#postpage .image-thumb a,#postpage p .light-link img,.badge {
    transition: all 0.3s;
    border-radius: 6px;
    box-shadow: 0 8px 16px rgba(42, 42, 42, 0.47);
}
.album-thumb:not(article):hover {
    transform: translateY(-10px);
}
#postpage .image-thumb:not(article):hover {
    transform: translateY(-10px);
}
#postpage p .light-link img:not(article):hover {
    transform: translateY(-10px);
}
.badge:not(article):hover {
    transform: translateY(-3px);
}

请将下列代码放入 自定义输出body尾部代码下

<!--预加载-->
<script type="module" src="https://cdn.jsdelivr.net/gh/instantpage/[email protected]/instantpage.js"></script>
<!--鼠标点击效果-->
<script src="https://cdn.jsdelivr.net/gh/WarHutXinSong/[email protected]/assets/js/fireworks.js"></script>
<!--复制弹框JS-->
<script src="https://cdn.jsdelivr.net/gh/WarHutXinSong/[email protected]/assets/js/layer.js"></script>
<!--文本框打字机特效-->
<script type="text/javascript"src="https://cdn.jsdelivr.net/gh/WarHutXinSong/[email protected]/assets/js/commentTyping.js"></script>

< !--右键菜单-->
<style type = "text/css" > a {
    text - decoration: none
}
div.usercm {
    background - repeat: no - repeat;
    background - position: center center;
    background - size: cover;
    background - color: #fff;
    font - size: 13px ! important;
    width: 130px; - moz - box - shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    box - shadow: 0px 0px 15px#333;
    position: absolute;
    display: none;
    z - index: 10000;
    opacity: 0.9;
    border - radius: 8px
}
div.usercm ul {
    list - style - type: none;
    list - style - position: outside;
    margin: 0px;
    padding: 0px;
    display: block
}
div.usercm ul li {
    margin: 0px;
    padding: 0px;
    line - height: 35px
}
div.usercm ul li a {
    color: #666;
    padding: 0 15px;
    display: block
}
div.usercm ul li a: hover {
    color: #fff;
    background: rgba(170, 222, 18, 0.88)
}
div.usercm ul li a i {
    margin - right: 10px
}
a.disabled {
    color: #c8c8c8 ! important;
    cursor: not - allowed
}
a.disabled: hover {
    background - color: rgba(255, 11, 11, 0) ! important
}
div.usercm {
    background: #fff ! important
} < /style><div class="usercm"style="left: 199px; top: 5px; display: none;"><ul><li><a href="https:/ / www.warhut.cn / "target="_blank "><i class="fa fa - home fa - fw "></i><span>首页</span></a></li><li><a href="javascript: void(0);
"onclick="getSelect();
"><i class="fa fa - copy fa - fw "></i><span>复制</span></a></li><li><a href="javascript: void(0);
"onclick="baiduSearch();
"><i class="fa fa - search fa - fw "></i><span>搜索</span></a></li><li><a href="javascript: history.go(1);
"><i class="fa fa - arrow - right fa - fw "></i><span>前进</span></a></li><li><a href="javascript: history.go( - 1);
"><i class="fa fa - arrow - left fa - fw "></i><span>后退</span></a></li><li style="border - bottom: 1px solid gray "><a href="javascript: window.location.reload();
"><i class="fa fa - refresh fa - fw "></i><span>重载网页</span></a></li><li><a href="https: //blog.warhut.cn/links.html"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li><li><a href="https://blog.warhut.cn/message.html"><i class="fa fa-pencil-square-o fa-fw"></i><span>给我留言吧</span></a></li></ul></div><script type="text/javascript">(function(a){a.extend({mouseMoveShow:function(b){var d=0,c=0,h=0,k=0,e=0,f=0;a(window).mousemove(function(g){d=a(window).width();c=a(window).height();h=g.clientX;k=g.clientY;e=g.pageX;f=g.pageY;h+a(b).width()>=d&&(e=e-a(b).width()-5);k+a(b).height()>=c&&(f=f-a(b).height()-5);a("html").on({contextmenu:function(c){3==c.which&&a(b).css({left:e,top:f}).show()},click:function(){a(b).hide()}})})},disabledContextMenu:function(){window.oncontextmenu=function(){return!1}}})})(jQuery);function getSelect(){""==(window.getSelection?window.getSelection():document.selection.createRange().text)?layer.msg("啊噢...你没还没选择文字呢!"):document.execCommand("Copy")}function baiduSearch(){var a=window.getSelection?window.getSelection():document.selection.createRange().text;""==a?layer.msg("啊噢...你没还没选择文字呢!"):window.open("http://zhannei.baidu.com/cse/site?q="+a+"&cc=warhut.cn")}$(function(){for(var a=navigator.userAgent,b="Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"),d=!0,c=0;c<b.length;c++)if(0<a.indexOf(b[c])){d=!1;break}d&&($.mouseMoveShow(".usercm"),$.disabledContextMenu())});</script><!--首次访问提示--><script>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"})</script>

最后效果,当然是本站啦~
ps:如果图片失效,请使用此图片:https://s1.ax1x.com/2020/07/21/Uo6oFI.png
友情提醒:该代码无法实现本博客效果,请自行调试,即可食用~(๑•̀ㅁ•́ฅ)