[handsome 魔改] 逐渐神代綺凜化

魔改教程还在施工中,切勿修改任何文件

不得不说,神代綺凜大佬魔改的 handsome 主题,真好康。

说实话,因为时间隔得比较久,萌樱有点忘记要修改哪些地方了...

食用方法

仅适用于 handsome v5.x

修改主题文件

  • 修改 handsome/assets/css/features/code/custom.min.css
 .hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
  • handsome/assets/css 添加 github.md.mod.css 以及 handsome.css

github.md.mod.css

.markdown-body,.markdown-body blockquote{color:#24292e;word-wrap:break-word;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.markdown-body a{border-bottom:none!important;background-color:transparent;color:#0366d6!important;text-decoration:none}.markdown-body a:hover{border-bottom:1px solid #0366d6!important}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:bolder}.markdown-body h1{margin:.67em 0;font-size:2em}.markdown-body img{border-style:none}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-size:1em;font-family:monospace,monospace}.markdown-body hr{overflow:visible;box-sizing:content-box;height:0}.markdown-body input{margin:0;font:inherit}.markdown-body input{overflow:visible}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font-size:inherit;font-family:inherit;line-height:inherit}.markdown-body hr{overflow:hidden;margin:15px 0;height:0;border:0;border-bottom:1px solid #dfe2e5;background:0 0}.markdown-body hr::before{display:table;content:""}.markdown-body hr::after{clear:both;display:table;content:""}.markdown-body table{border-collapse:collapse;word-break:keep-all;border-spacing:0}.markdown-body td,.markdown-body th{padding:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:0;margin-bottom:0}.markdown-body h1{font-weight:600;font-size:32px}.markdown-body h2{font-weight:600;font-size:24px}.markdown-body h3{font-weight:600;font-size:20px}.markdown-body h4{font-weight:600;font-size:16px}.markdown-body h5{font-weight:600;font-size:14px}.markdown-body h6{font-weight:600;font-size:12px}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ol,.markdown-body ul{margin-top:0;margin-bottom:0;padding-left:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code{font-size:12px;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace}.markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace}.markdown-body::before{display:table;content:""}.markdown-body::after{clear:both;display:table;content:""}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body hr{margin:24px 0;padding:0;height:.25em;border:0;background-color:#e1e4e8}.markdown-body blockquote{padding:.5em 1em;border-left:.25em solid #dfe2e5;color:#6a737d}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;border:solid 1px #c6cbd1;border-radius:3px;background-color:#fafbfc;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;vertical-align:middle;font-size:11px;line-height:10px;border-bottom-color:#959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{padding-bottom:.3em;border-bottom:1px solid #bbb;font-size:2em}.markdown-body h2{padding-bottom:.3em;border-bottom:1px solid #bbb;font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{color:#6a737d;font-size:.85em}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{margin-top:16px;padding:0;font-weight:600;font-style:italic;font-size:1em}.markdown-body dl dd{margin-bottom:16px;padding:0 16px}.markdown-body table{display:block;overflow:auto;width:100%}.markdown-body table th{font-weight:600}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{border-top:1px solid #c6cbd1;background-color:#fff}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body img{box-sizing:content-box;max-width:100%;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body code{margin:0;padding:.2em .4em;border-radius:3px;background-color:rgba(27,31,35,.05)}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{margin:0;padding:0;border:0;background:0 0;white-space:pre;font-size:100%;word-break:normal}.markdown-body pre code{display:inline;overflow:visible;margin:0;padding:0;max-width:auto;border:0;background-color:transparent;word-wrap:normal;line-height:inherit}.markdown-body kbd{display:inline-block;padding:3px 5px;border:solid 1px #d1d5da;border-radius:3px;background-color:#fafbfc;box-shadow:inset 0 -1px 0 #c6cbd1;color:#444d56;vertical-align:middle;font:11px SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;border-bottom-color:#c6cbd1}.markdown-body hr{border-bottom-color:#bbb}.markdown-body li>pre{margin-top:5px}
/*new*/.comment-list pre::-webkit-scrollbar-corner,.pre-div::-webkit-scrollbar-corner{background:transparent!important}.comment-list pre::-webkit-scrollbar,.pre-div::-webkit-scrollbar{width:8px!important;height:8px!important}.comment-list pre::-webkit-scrollbar-thumb,.pre-div::-webkit-scrollbar-thumb{border-radius:5px!important;background-color:#777!important}.comment-list pre::-webkit-scrollbar-track-piece{border-radius:5px;background:#282c34!important}.pre-div::-webkit-scrollbar-track-piece{background:#21252a!important}.comment-list pre::-webkit-scrollbar-thumb:hover,.pre-div::-webkit-scrollbar-thumb:hover{background-color:#888!important}.comment-list pre::-webkit-scrollbar-thumb:active,.pre-div::-webkit-scrollbar-thumb:active{background-color:#999!important}.pre-div{width:calc(100% - 40px);max-height:calc(100vh - 250px);overflow:auto;padding:8px 16px 10px 8px;margin-left:40px;background:#21252a}.markdown-body pre:before{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d;width:12px;height:12px;left:10px;top:10px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2}.markdown-body pre{overflow:hidden;position:relative;background:#161616;border-radius:5px;line-height:1.4;box-shadow:0 0 20px 0 rgba(255,255,255,.4);padding:30px 0 0 0;transition:all .2s}.btn a{color: #fff !important;border-bottom: none !important}.pre-row{user-select:none;font-size:12px;color:#a0a0a0;text-align:right;position:absolute;left:0;top:30px;width:40px;max-height:calc(100vh - 250px);overflow:hidden;padding:8px 8px 20px 5px;background-color:#272c33}.comment-list pre{border-radius:5px;background-color:#282c34}.comment-list .hljs{padding:0}.markdown-body img{border-radius:5px;padding:0}.btn-copy-code{transition:all .3s;opacity:0;position:absolute;color:#ddd;background-color:transparent;right:5px;top:5px;font-size:12px;line-height:12px;padding:3px 5px;border:1px solid;border-radius:4px}.btn-copy-code:hover{color:#fff}pre:hover .btn-copy-code{opacity:1}

handsome.css

@charset "utf8";
/*噫你居然找到这里了……如果实在想要抄走本站的自定义css,希望您能在footer里加上
Them modified by <a href="https://moe.best" target="_blank">JindaiKirin</a>
字样,毕竟主题魔改成果来之不易,蟹蟹!
声明:如果你用了我的CSS,请你认识到,你并没有向我支付任何报酬,因此出现任何问题我都没有义务去回答去解决*/
/*Modifi-css for handsome 5.0.0*/
/*all*/
.no-margin{margin:0!important}
/*scrollbar*/
*::-webkit-scrollbar{width:8px!important;height:8px!important}*::-webkit-scrollbar-thumb{border-radius:4px;background-color:#999!important}*::-webkit-scrollbar-track-piece{background:#eee!important}*::-webkit-scrollbar-thumb:hover{background-color:#777!important}*::-webkit-scrollbar-thumb:active{background-color:#555!important}
/*app&toc*/
#sidebar>section:not(#tag_toc){opacity:1}.ophide{opacity:0!important}#toc{max-height:calc(100vh - 120px)!important}
/*header*/
.navbar-header{box-shadow:-2px 2px 2px rgba(0,0,0,.05),0px 1px 0 rgba(0,0,0,.05)}#header>.collapse{box-shadow:2px 2px 2px rgba(0,0,0,.05),0px 1px 0 rgba(0,0,0,.05)}
/*main*/
.entry-content{background-color:transparent}.panel-small .pos50t-meta{padding-left:25px;padding-right:25px}.b-light{border-color: #bbb4}.tip:before{margin-top:0!important}#post-panel>div.blog-post>.panel:not(.b-a),#post-panel>div.blog-post>.panel-small{transition:all .2s;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2)!important;}#post-panel>div.blog-post>.panel:not(.b-a):hover,#post-panel>div.blog-post>.panel-small:hover{box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.3)!important;}.list-group-item{background-color:rgba(255,255,255,.8)}.thumb-lg{width:130px}#widget-tabs-4-comments .list-group-item,#tag_toc,#post-panel,#sidebar,#post-content{background-color:transparent!important}#alllayout.app-aside-folded .tooltip{display:none!important}#bg{background-image:url(/usr/img/bg/bg1.jpg);background-size:cover;background-position:right bottom;background-repeat:no-repeat;position:fixed;z-index:-1;top:50px;left:0;right:0;bottom:0}.standpage{width:100%;height:calc(100% - 50px);position:fixed;top:50px;left:0}.standpage,aside,aside *{transition:all .3s}@media screen and (min-width:768px){.topButton.panel.panel-default{display:none}#bg,.standpage{left:200px}.standpage{height:calc(100% - 101px);width:calc(100% - 200px)}.app-aside-folded #bg,.app-aside-folded .standpage{left:60px}.app-aside-folded .standpage{width:calc(100% - 60px)}}.wrapper-md>#comments,.wrapper-md>.blog-post,.wrapper-md>.breadcrumb,.m-t-lg.m-b-lg,.wrapper-md>.no_search_result{max-width:800px;margin-left:auto;margin-right:auto}#post-panel>div.blog-post>.panel,#post-panel>div.blog-post>.panel-small,.wrapper-md>#comments,.wrapper-md>.breadcrumb{background-color:rgba(255,255,255,.9)}.wrapper-md article,.wrapper-md>#comments{border-radius:5px;overflow:hidden}.bg-auto:before{bottom:51px}@media screen and (max-width:991px){#bg{background-image:url(/usr/img/bg/bg2.jpg);background-position:center center}aside.col.no-border-xs{border:0;opacity:1!important;background-color:rgba(255,255,255,.8)}}@media screen and (min-width:992px){aside.col.w-md.b-l{background-color:rgba(255,255,255,.9)}aside.col.w-md.b-l:hover{background-color:#fff}}header.wrapper-md{background-color:rgba(246,248,248,.93)!important}.blog-post>.panel,.blog-post>.panel-small{border:0;border-radius:5px}.index-post-img{border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}.index-post-img-small{overflow:hidden}.blog-post>.panel .index-post-img .item-thumb,.panel-small .index-post-img-small .item-thumb-small,.index-post-title a{transition:all .2s}.blog-post>.panel:hover .index-post-img .item-thumb,.blog-post>.panel-small:hover .index-post-img-small .item-thumb-small{transform:scale(1.05)}#footer>.wrapper{background-color:rgba(237,241,242,.8)}.streamline{margin-left:20px;padding-right:10px}.streamline .comment-body{position:relative}aside.col.w-md.no-border-xs{transition:all .3s}.visible-xs-inline{display:inline-block!important}@media screen and (min-width:768px) and (max-width:1140px){.visible-xs-inline{display:none!important}}.tocify-item{background-color:rgba(255,255,255,.8)}.tocify-item.active{color:#7266ba;font-weight:700}/*kotori*/#kotori{position:absolute;left:-15px;bottom:-15px;max-height:110px;transition:all .3s}#kotori:hover{left:0;bottom:0}#kotori.hidekotori{left:-110px;bottom:-110px}@media screen and (max-width:767px){#kotori{display:none}.blog-post>.panel:hover .index-post-img .item-thumb{transform:none!important}}.index-post-title a:hover{color:#2ebaae}.wrapper-md .comment-list .comment-parent,.wrapper-md .comment-list .comment-children{border-top-width:1px;border-top-style:solid;border-top-color:#ddd;padding-top:10px}.max-img{max-height:400px}.navi-wrap .navi.clearfix>ul.nav{padding-bottom:100px}.app-aside-folded.navi-wrap{max-height:calc(100% - 50px)}.lg-backdrop{background-color:rgba(0,0,0,.8)}.skPlayer-name{font-family: "Source Sans Pro","Hiragino Sans GB","Microsoft Yahei",SimSun,Helvetica,Arial,Sans-serif}html.fancybox-enabled{overflow-y:auto}.fancybox-bg{background-color:rgba(0,0,0,.95)}.fancybox-arrow:after{background-color:rgba(0,0,0,.8)}.share,.yellow,.red,.lblue,.green{background-position-y: 50%}.timeline .tl-date{color:#fff;text-shadow: 0 0 4px #000}body.modal-open{overflow-y: auto;padding-right: 0 !important}.reply2view{background-color:transparent;border:solid 1px #bbb}#content{transition:all .3s}.OwO .OwO-logo{height:28px}#tag_toc.fixed #toc{width:100%}.page-navigator .next a,.page-navigator .prev a{height:31px}.page-navigator>li:last-child>a,.page-navigator>li:last-child>span{border-top-right-radius: 4px;border-bottom-right-radius: 4px}.item-thumb-small{background-position:left}.panel .post-meta.wrapper-lg{padding:20px}
/*comments*/
#comments pre code{display:inline}.wrapper-md>#comments{border:solid 1px #fff;padding:10px 30px 20px 30px}.hideContent{background-color:transparent;padding:0}
/*img*/
img[mw400]{max-width:400px!important;width:100%}.mw400{max-width:400px}
/*inner-post*/
.inner-image{background-position:center}.inser-title{color:#555!important}.inster-summary{color:#58666e!important}.preview .post-inser{background-color:rgba(255,255,255,.8);transition:all .3s}.preview .post-inser:hover{background-color:rgba(255,255,255,1)}
/*avatar*/
#aside-user span.avatar{transition:all .3s;}#alllayout:not(.app-aside-folded) #aside-user span.avatar:hover{transform:rotate(30deg)}
/*search*/
#searchform{margin-right:-10px}
/*gallery*/
.compensate-for-scrollbar,.compensate-for-scrollbar #header{padding-right:8px}.compensate-for-scrollbar #bg{transition-duration:0s;margin-right:8px}
/*experimental modify 2018-07-19*/
@media screen and (min-width:1200px){.panel-small .post-meta{padding:13px 15px!important}.blog-post .post-meta.wrapper-lg{padding-top:15px}.sticky{position: absolute;top:12px;left:15px}.panel .item-thumb{height:300px}#post-panel .blog-post{position:relative}#post-panel>div.blog-post>.panel{overflow:hidden}#post-panel>div.blog-post>.panel .post-meta{position:relative;margin-top:-300px;height:300px;padding-top:133px!important;padding-bottom:0!important;background-color:rgba(0,0,0,.3);color:#fff!important;transition:all .3s}#post-panel>div.blog-post>.panel .post-meta,#post-panel>div.blog-post>.panel-small .post-meta{border-radius:5px}#post-panel>div.blog-post>.panel .post-meta *,#post-panel>div.blog-post>.panel-small .post-meta *{color:#fff!important}#post-panel>div.blog-post>.panel .post-meta>h2,#post-panel>div.blog-post>.panel-small .post-meta>h2{text-align:center;text-shadow:0 0 3px #fff}#post-panel>div.blog-post>.panel .post-meta>p,#post-panel>div.blog-post>.panel .post-meta>div,#post-panel>div.blog-post>.panel-small .post-meta>p,#post-panel>div.blog-post>.panel-small .post-meta>div{transition:all .3s;transform:translateY(-10px);opacity:0}#post-panel>div.blog-post>.panel .post-meta>.text-muted,#post-panel>div.blog-post>.panel-small .post-meta>.text-muted{position:absolute;bottom:20px}#post-panel>div.blog-post>.panel .post-meta>.line{position:absolute;bottom:40px;width:740px}#post-panel>div.blog-post>.panel-small .post-meta>.line{position:absolute;bottom:40px;width:350px}#post-panel>div.blog-post>.panel .post-meta>.summary{position:absolute;bottom:60px;width:740px}#post-panel>div.blog-post>.panel-small .post-meta>.summary{position:absolute;bottom:60px;width:350px}#post-panel>div.blog-post>.panel-small{display:inline-block;height:300px;width:calc(50% - 10px);margin-right:20px}#post-panel>div.blog-post>.panel-small:nth-child(2n){margin-right:0}#post-panel>div.blog-post>.panel-small .index-img-small,#post-panel>div.blog-post>.panel-small .index-img-small .item-thumb-small{height:100%;width:100%}#post-panel>div.blog-post>.panel-small .post-meta{position:absolute;height:300px;width:calc(50% - 10px);padding:133px 20px 0 20px!important;background-color:rgba(0,0,0,.3);color:#fff!important;transition:all .3s}#post-panel>div.blog-post>.panel:hover .post-meta,#post-panel>div.blog-post>.panel-small:hover .post-meta{background-color:rgba(0,0,0,.6)}#post-panel>div.blog-post>.panel:hover .post-meta>p,#post-panel>div.blog-post>.panel:hover .post-meta>div,#post-panel>div.blog-post>.panel-small:hover .post-meta>p,#post-panel>div.blog-post>.panel-small:hover .post-meta>div{opacity:1;transform:translateY(0)}#post-panel>div.blog-post>.panel:hover .post-meta,#post-panel>div.blog-post>.panel-small:hover .post-meta{padding-top:80px!important}#post-panel .ahover{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.blog-post>.panel:hover .index-post-img,.blog-post>.panel-small:hover .index-post-img-small{filter:blur(3px)}}header.bg-light.wrapper-md{margin-top:30px;background-color:transparent!important;border:0;text-align:center;text-shadow:0 0 3px #000}header.wrapper-md *{color:#fff}header.wrapper-md h1{font-size:32px}header.wrapper-md h1{font-weight:bold!important}.panel-small>.p-b-none{padding-bottom:0!important}
/*UA-Plugin*/
.comment-author>.fn+label{padding-top:.37em;padding-bottom:.37em;margin-bottom:0}.ua-plugin{opacity:0;transition:all .3s;color:#58666e;padding-bottom:.2em;margin-left:-10px}div.comment-body:hover .ua-plugin{opacity:1}.comment-author > *{display:inline-block}@media screen and (max-width:600px){.ua-plugin{display:none}}@media screen and (max-width:365px){.comment-author>.fn+label{display:none}}.ua-os{margin-left:-0.6em}
/*i..forget*/
ul.nav-sub > li > a > i{margin-right:15px}
#myModal .modal-dialog{max-width:calc(100% - 20px);width:400px}
#myModal .modal-content{overflow:hidden}
#myModal .modal-body,#myModal .modal-body img{padding:0}
/*links*/
.link-main{padding:50px 0 50px 20px;text-align:center}.link-main h3{margin-top:0}.link-main .item{display:inline-block;letter-spacing:0;margin-right:20px;margin-bottom:20px;width:289px;height:240px;font-size:14px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.95);border:1px solid #e1e8ed;transition:background .2s}.link-main .link-bg{position:relative;height:90px;padding:0 1em;background-color:#777}.link-main .link-bg .bg:before{display:block;content:"";position:absolute;left:0;height:100%;width:100%;background:rgba(0,0,0,.5)}.link-main .link-bg .link-avatar{position:absolute;bottom:-50px;border:4px solid #FFF;border-radius:100%;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.5)}.link-main .link-bg .link-avatar img{border-radius:100%}.link-main .avatar{display:block;object-fit:cover}.link-main .bg,.link-main .link-bg{background-repeat:no-repeat;background-position:center;background-size:cover;display:block}.link-main .bg{position:absolute;top:0;bottom:0;left:0;right:0;filter:blur(1.5px);background-color:#fff}.link-main .meta{padding:.9em 1em;text-align:right}.link-main .info{color:#525766;padding:0 1em 1em}.link-main .info .name{font-weight:600;font-size:16px}@media screen and (max-width:330px){.link-main{padding:50px 0 50px 0}.link-main .item{margin-right:0}}.link-main .item:hover{background:rgba(255,255,255,1)}.link-main .item:hover .bg{filter:blur(0.1px)}
/*contact*/
.readers-list a:hover{left:0}.readers-list-a{background-color:rgba(255,255,255,.5)!important;transition:all .3s}.readers-list-a:hover{background-color:rgba(255,255,255,.8)!important}
/*collapse*/
.panel-heading.collapsed{position:relative}.panel-body.collapse:not([aria-expanded=true]){display:block;position:relative;padding:0!important;height:0!important;z-index:-1000}.panel-body.collapse:not([aria-expanded=true]) *{display:none}.panel-body.collapse:not([aria-expanded=true]) h1,.panel-body.collapse:not([aria-expanded=true]) h2,.panel-body.collapse:not([aria-expanded=true]) h3,.panel-body.collapse:not([aria-expanded=true]) h4,.panel-body.collapse:not([aria-expanded=true]) h5,.panel-body.collapse:not([aria-expanded=true]) h6{display:block;top:0;line-height:1px!important;margin:0!important;padding:0!important;position:relative!important;top:-50px}
  • handsome/assets/js 添加 commentTyping.js
(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);
  • handsome/assets/js/core.min.js 中所有 #post-content 改为 .markdown-body

  • handsome/assets/js 添加 handsome.js

function needpjax(){OriginTitile=document.title;$(document).ready(function(){$(".markdown-body pre").each(function(b){$(this).html('<div id="code-'+b+'" class="pre-div">'+$(this).html()+"</div>");var d=$(this).find(".pre-div"),a=d.find("code").html().match(/\n/g);a=a?a.length+1:1;for(var c="1",e=2;e<=a;e++){c+="<br />"+e}d.before('<button class="btn-copy-code" data-clipboard-target="#code-'+b+'"><i class="fa fa-copy"></i> \u590d\u5236</button><div class="pre-row">'+c+"</div>");var f=$(this).find(".pre-row");d.on("scroll",function(a){f.prop("scrollTop",d.prop("scrollTop"))})});(new ClipboardJS(".btn-copy-code")).on("success",function(b){b.clearSelection()});$(".btn-copy-code").tooltip({placement:"bottom",title:"\u5df2\u590d\u5236",trigger:"focus"});$('div[data-toggle="collapse"]').click(function(){setTimeout("$('body').scroll()",500)});$("article img[mw400]").parents(".max-img").addClass("mw400");$("article a").each(function(){var b=$(this).attr("href");/^#.*/.test(b)&&($(this).attr("target","_self"),$(this).click(function(){$('.tocify-item[data-unique="'+b.substr(1)+'"]').click()}));$(this).attr("class")||$(this).attr("target")||$(this).attr("target","_blank")})})}needpjax();var OriginTitile=document.title;(function(){var b=!0;window.setInterval(function(){0<$("body.compensate-for-scrollbar").length&&b&&(b=!1,$("body.compensate-for-scrollbar #bg").attr("style","transition-duration:0s"),setTimeout('$("#bg").attr("style","");cfsFlag=true',2000));var a=$("#sidebar").find("section");if(0<a.length){var c=$(a[a.length-1]);a=$(window).scrollTop();c=c.offset().top+c.height();a-=c;c=$("aside.col.w-md.no-border-xs");0<a?c.css("opacity","0"):c.css("opacity","1")}300>$(document).scrollTop()?$("#kotori").addClass("hidekotori"):$("#kotori").removeClass("hidekotori")},300);console.log("\n %c handsome modified %c by \u795e\u4ee3\u7eee\u51db lolico.moe \n","color:#444;background:#eee;padding:5px 0;","color:#fff;background:#876;padding:5px 0;");console.log("%c ","background:url(https://tva1.sinaimg.cn/large/71785a53ly1fxylsf6ke7j216z0o6q8j.jpg) no-repeat center;background-size:cover;padding-left:100%;padding-bottom:55%;overflow:hidden;border-radius:10px;margin:5px 0");window.setInterval(function(){if(document.getElementById("aboutPage")){var a=document.getElementById("aboutPage"),b=a.contentWindow.document.getElementById("mainc");try{a.style.height=b.scrollHeight+"px"}catch(e){}}},300);var d;document.addEventListener("visibilitychange",function(){document.hidden?(clearTimeout(d),d=setTimeout(function(){document.title="|\uff65\u03c9\uff65\uff40)\u4f60\u770b\u4e0d\u89c1\u6211\u2026\u2026\u4f60\u770b\u4e0d\u89c1\u6211\u2026\u2026\u4f60\u770b\u4e0d\u89c1\u6211\u2026\u2026"},500)):(document.title="_(:3\u300d\u300d\u8fd8\u662f\u88ab\u53d1\u73b0\u4e86",d=setTimeout(function(){document.title=OriginTitile},2000))})})();$("#kotori").click(function(){$("body,html").animate({scrollTop:0},600)});$(window).load(function(){1<location.hash.length&&$('.tocify-item[data-unique="'+decodeURI(location.hash.substr(1))+'"]').click()});function updateLiveStatus(b){1==b.data.liveStatus&&$("#bilibili-live").removeClass("hide")};
  • handsome/component/aside.php 中搜索 !--.aside-wrap-- ,并在此行的上一行添加
<a><img src="/usr/img/kotori.png" id="kotori" class="hidekotori" data-toggle="tooltip" data-placement="right" data-original-title="返回顶部"></a>
最后修改:2020 年 08 月 23 日 09 : 22 PM

发表评论