前言

handsome主题,从开始建站就在使用。不过那时候用的还是破解版。因为一开始建站,作为一名小菜虫,什么都不懂,就从破解版下了手。其实,到现在,也还是一事无成,没整明白。随着建站的深入与细化,就换成正版主题,也是对“作者”的一种支持。这个主题一直在更新,很多朋友都在使用这个主题。期间,阿星也尝试换用了其他版本的各类typecho主题。这类主题的突出点就是主题特点鲜明,极具观赏感。但是,这类主题的功能有点差强人意,体验后感觉不是那么很爽。最后,换来换去,还是又回到了handsome主题,毕竟咱是正统之版。站长是一个强迫症与完美主义患者,回到handsome后就开始了美化与扒代码的折腾之旅,并始终牢记毛爷爷的“自己动手,丰衣足食”。向被我扒过的各位站长一并表示感谢。从他们那里学到了好多细节的美化与修改。在此,分享给像我一样的小白们使用。

为了减少对源码的修改,本次美化大多数可以直接在后台开发者设置-自定义css中添加修改代码即可。

文章底部赞赏图标跳动

  • 将以下代码添加至后台主题设置 自定义CSS
/*赞赏图标跳动*/
.btn-pay {
    animation: star 0.5s ease-in-out infinite alternate;
}

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

    to {
        transform: scale(1.1);
    }
}

头像呼吸光环和鼠标悬停旋转放大

.img-full {
    width: 100px;
    border-radius: 50%;
    animation: light 4s ease-in-out infinite;
    transition: 0.5s;
}

.img-full:hover {
    transform: scale(1.15) rotate(720deg);
}

@keyframes light {
    0% {
        box-shadow: 0 0 4px #f00;
    }

    25% {
        box-shadow: 0 0 16px #0f0;
    }

    50% {
        box-shadow: 0 0 4px #00f;
    }

    75% {
        box-shadow: 0 0 16px #0f0;
    }

    100% {
        box-shadow: 0 0 4px #f00;
    }
}

如果只需要单色呼吸光环,如红色,可以将关键帧动画改为即可:

@keyframes light {
    from {
        box-shadow: 0 0 4px #f00;
    }

    to {
        box-shadow: 0 0 16px #f00;
    }
}

复制版权提示

参数:

title:弹窗的标题
message:弹窗标题下方的文字
type: 弹窗类型
autoHide:默认即可
time:停留时间(毫秒,1秒为1000毫秒)

目前大概知道有三种弹窗类型:

  • info
  • warning
  • success

选择自己需要的弹窗类型,填入type就行了。

将以下代码填入 开发者设置 》》 自定义Javascript

kaygb_copy();function kaygb_copy(){$(document).ready(function(){$("body").bind('copy',function(e){hellolayer()})});var sitesurl=window.location.href;function hellolayer(){
$.message({
    message: "尊重原创,转载请注明出处!<br> 本文作者:阿星<br>原文链接:"+sitesurl,
    title: "复制成功",
    type: "warning",
    autoHide: !1,
    time: "5000"
    })
}}

如果你开启了PJAX,那么需要在 主题设置》PJAX》PJAX回调函数一栏内填入以下函数,然后保存即可。

kaygb_copy();

时间以毫秒计算,1000即代表着1秒,如果想让他显示十秒钟,将time后面的5000修改成10000即可!


主题文件概述

由于本人并非作者,水平关系部分文件可能解释不对,仅供参考

component/aside.php 左边导航栏
component/comments.php 评论区
component/footer.php 底部版权、音乐播放器之类
component/header.php 页面头,没啥要改的
component/headnav.php 顶部导航
component/say.php 时光机动态
component/sidebar.php 右侧栏目
component/third_party_comments.php 3.3.0新增,第三方评论
css/ 博客CSS,一般不要改
fonts/ 博客字体,一般不要改
img/ 图像,一般不要改
js/ js文件,一般不要改
lang/ 语言文件
libs/Content.php 文章内容
libs/... 一般不要改
usr/ 另一个语言文件?
404.php 404界面
archive.php 整合
booklist.php 书单
cross.php 时光机
files.php 归档
functions.php 配置界面的东西
guestbook.php 留言板
index.php 首页
links.php 友链
page.php 文章页面整合
post.php 文章输出
最后修改:2020 年 08 月 10 日 01 : 48 PM
正在沿街乞讨中...