2020.4.23日更新

头像图片

https://s1.ax1x.com/2020/04/07/Gg5COP.jpg

左侧自定义导航

{"name":"时光匆匆","class":"glyphicon glyphicon-hdd","link":"http://www.91guangju.com/index.php/cross.html","target":"_self"},
{"name":"文章归档","class":"glyphicon glyphicon-list-alt","link":"http://www.91guangju.com/index.php/archives.html","target":"_self"},
{"name":"电视直播","class":"glyphicon glyphicon-facetime-video","link":"http://www.91guangju.com/index.php/tv.html","target":"_blank"},
{"name":"给我留言","class":"fontello fontello-edit","link":"http://www.91guangju.com/index.php/guestbook.html","target":"_self"},
{"name":"软件分享","class":"glyphicon glyphicon-thumbs-up","link":"http://app.91guangju.com/","target":""},
{"name":"Github项目","class":"glyphicon glyphicon-list","link":"http://www.91guangju.com/index.php/github.html","target":"_self"},
{"name":"友情链接","class":"glyphicon glyphicon-link","link":"http://www.91guangju.com/index.php/links.html","target":"_self"},
{"name":"赞助我!","class":"glyphicon glyphicon-heart","link":"https://afdian.net/@proixma","target":""}

顶部自定义导航

{"name":"软件分享","class":"glyphicon glyphicon-link","link":"http://app.91guangju.com/","target":""}

时光机社交按钮配置

{"name":"twitter","class":"fontello fontello-twitter","link":"#"},
{"name":"facebook","class":"fontello fontello-facebook","link":"#"},
{"name":"googlepluse","class":"fontello fontello-google-plus","link":"https://www.google.com/"},
{"name":"github","status":"single","link":"https://github.com/"}

时光机联系方式配置

{"name":"email","img":"https://s2.ax1x.com/2019/07/20/ZzU1sO.png","value":"guangju@126.com","link":"http://www.126.com/"},
{"name":"QQ","img":"https://s2.ax1x.com/2019/07/20/ZzUlQK.png","value":"245062022","link":"#"},
{"name":"微博","img":"https://s2.ax1x.com/2019/07/20/ZzUMz6.png","value":"你微博账号","link":"#"},
{"name":"网易云音乐","img":"https://s2.ax1x.com/2019/07/20/ZzU3LD.png","value":"你的网易云账号","link":"#"}

PJAX回调函数

let tags = document.querySelectorAll("#tag_cloud-2 a");//彩色标签云开始
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
tags.forEach(tag => {
    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.backgroundColor = tagsColor;
});//彩色标签云结束
//打卡代码
function a(a, b, c) {
        if (document.selection) a.focus(), sel = document.selection.createRange(), c ? sel.text = b + sel.text + c : sel.text = b, a.focus();
        else if (a.selectionStart || "0" == a.selectionStart) {
            var l = a.selectionStart,
                m = a.selectionEnd,
                n = m;
            c ? a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length) : a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length);
            c ? n += b.length + c.length : n += b.length - m + l;
            l == m && c && (n -= c.length);
            a.focus();
            a.selectionStart = n;
            a.selectionEnd = n
        } else a.value += b + c, a.focus()
}
var b = (new Date).toLocaleTimeString(),
        c = document.getElementById("comment") || 0;
window.SIMPALED = {};
window.SIMPALED.Editor = {
    daka: function() {
        a(c, "滴!学生卡!打卡时间:" + b, ",请上车的乘客系好安全带~")
    },
    zan: function() {
        a(c, " 写得好好哟,我要给你生猴子!::funny:04:: ")
    },
    cai: function() {
        a(c, "骚年,我怀疑你写了一篇假的文章!::funny:03:: ")
    }
};

自定义 CSS

   /*首页文章图片获取焦点放大*/
.item-thumb{
    cursor: pointer;
    transition: all 0.6s;
}

.item-thumb:hover{
      transform: scale(1.05);
}

.item-thumb-small{
    cursor: pointer;
    transition: all 0.6s;
}

.item-thumb-small:hover{
    transform: scale(1.05);
}
  /*文章标题居中*/
        .panel h2 {
            text-align: center;
        }

        .post-item-foot-icon {
            text-align: center;
        }

        /*头像呼吸光环和鼠标悬停旋转放大*/
        .img-full {
            width: 50px;
            border-radius: 50%;
            animation: light 5s ease-in-out infinite;
            transition: 0.5s;
        }

        @keyframes light {
            0% {
                box-shadow: 0 0 30px #FF6F00;
            }

            25% {
                box-shadow: 0 0 10px #1B5E20;
            }

            50% {
                box-shadow: 0 0 30px #0D47A1;
            }

            75% {
                box-shadow: 0 0 10px #4A148C;
            }

            100% {
                box-shadow: 0 0 30px #BF360C;
            }
        }

        /*播放器设置*/
        .bg-white .lter {
            background-color: #90A;
        }

        #skPlayer .skPlayer-control>.skPlayer-percent .skPlayer-line-loading {
            background-color: #D3D322;
        }
 /*左侧边栏字体透明度*/
        .navi ul.nav li a span {
            opacity: .8;
        }

        /*菜单栏字体大小*/
        body {
            font-size: 16px
        }
/*内容区标题字体大小*/
        .index-post-title {
            font-size: 22px;
        }

        /*文章页标题大小*/
        .h1,
        h1 {
            font-size: 42px;
        }
 /*内容区图片高度*/
        .item-thumb-small {
            height: 198px;
        }
 /*左边栏字体背景*/
        .badge {
            background-color: #5499C7;
        }
/*侧边栏字体透明度*/
.text-second {
    opacity: 1;
}

/* 左侧文章图标和评论头像圆角化鼠标悬停旋转*/
.img-square {
    transition: all 0.3s;
    border-radius: 50%;
}

.img-square:hover {
    transform: rotate(360deg);
}
/*文章内打赏图标跳动*/
.btn-pay {
    animation: star 0.5s ease-in-out infinite alternate;
}

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

    to {
        transform: scale(1.1);
    }
}
/*首页文章列表悬停上浮*/
.blog-post .panel-small:not(article),
.blog-post .panel:not(article) {
    transition: all 0.3s;
}

.blog-post .panel-small:not(article):hover,
.blog-post .panel:not(article):hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47);
}
/*文章内头图和文章图片悬停放大并将超出范围隐藏*/
 .entry-thumbnail {
    overflow: hidden;
}

#post-content img {
    border-radius: 10px;
    transition: 0.5s;
}

#post-content img:hover {
    transform: scale(1.05);
}

自定义 JS

//handsome标题栏设置
    var OriginTitile=document.title;var titleTime;document.addEventListener("visibilitychange",function(){if(document.hidden){OriginTitile=document.title;document.title="怎么走了,快回来!";clearTimeout(titleTime)}else{document.title="回来了ヾ(◍°∇°◍)ノ゙嘿嘿";titleTime=setTimeout(function(){document.title=OriginTitile},1000)}});

let tags = document.querySelectorAll("#tag_cloud-2 a");//彩色标签云开始
let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];
tags.forEach(tag => {
    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.backgroundColor = tagsColor;
});
//页面顶部进度条
let pageHeight = document.body.scrollHeight || document.documentElement.scrollHeight;
let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
let scrollAvail = pageHeight - windowHeight;
window.onscroll = function () {
    let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    document.querySelector('.progress-top').style.width = (scrollTop / scrollAvail) * 100 + '%';
}
//添加打卡
function a(a, b, c) {
        if (document.selection) a.focus(), sel = document.selection.createRange(), c ? sel.text = b + sel.text + c : sel.text = b, a.focus();
        else if (a.selectionStart || "0" == a.selectionStart) {
            var l = a.selectionStart,
                m = a.selectionEnd,
                n = m;
            c ? a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length) : a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length);
            c ? n += b.length + c.length : n += b.length - m + l;
            l == m && c && (n -= c.length);
            a.focus();
            a.selectionStart = n;
            a.selectionEnd = n
        } else a.value += b + c, a.focus()
}
var b = (new Date).toLocaleTimeString(),
        c = document.getElementById("comment") || 0;
window.SIMPALED = {};
window.SIMPALED.Editor = {
    daka: function() {
        a(c, "滴!学生卡!打卡时间:" + b, ",请上车的乘客系好安全带~")
    },
    zan: function() {
        a(c, " 写得好好哟,我要给你生猴子!::funny:04:: ")
    },
    cai: function() {
        a(c, "骚年,我怀疑你写了一篇假的文章!::funny:03:: ")
    }
};

自定义底部信息

/*我的自定义底部信息*/
#footer-guangju {
            height: 130px;
            width: 100%;
            background: #3a3f51;
            text-align: center;
            color: #999;
            font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
            font-style: 14px;
            padding-top: 25px;
        }

        #footer-guangju .guangju-a:visited {
            color: whitesmoke;
        }

        #footer-guangju .guangju-a:hover {
            color: pink;
        }

        #footer-guangju .guangju-a:active {
            color: #ccc;
        }

        #zguangju:visited {
            color: rgb(255, 123, 0);
        }

        #zguangju:hover {
            color: rgb(3, 139, 180);
        }

        #zguangju:active {
            color: #ccc;
        }

        #guangju-wp:visited {
            color: rgb(212, 212, 212);
        }

        #guangju-wp:hover {
            color: rgb(243, 62, 62);
        }

        #guangju-wp:active {
            color: #ccc;
        }

        #guangju-video:visited {
            color: rgb(212, 212, 212);
        }

        #guangju-video:hover {
            color: rgba(255, 230, 0, 0.842);
        }

        #guangju-video:active {
            color: #ccc;
        }

        #guangju-app:visited {
            color: rgb(212, 212, 212);
        }

        #guangju-app:hover {
            color: rgba(35, 195, 243, 0.863);
        }

        #guangju-app:active {
            color: #ccc;
        }

/*打卡用*/
.secret_comment {
    top: 5px;
}
.OwO.OwO-open .OwO-body {
    display:table
}
/* 又拍云logo */
        .upyun-logo {
            width: 60px;
        }

自定义底部信息栏(需配合部分自定义CSS代码)

<div id="footer-guangju">
        <div><span class="guangju-a" href="https://zguangju.github.io/" target='_blank'>© 2018-2020 Copyright</span> •
            <span>站点所有者:</span><a id="zguangju" href="https://zguangju.github.io/" target='_blank'>guangju's blog </a> •
            <span>备案号:</span><a class="guangju-a" href="http://beian.miit.gov.cn" target='_blank'>冀ICP备19032877号</a>
        </div>
        <div><span>Powered by </span><a class="guangju-a" href="http://typecho.org/" target='_blank'>Typecho</a> |
            <span>Theme by </span>
            <a class="guangju-a" href="https://www.ihewro.com/archives/489/" target='_blank'>handsome</a></div>
        <div><a id="guangju-wp" href="http://wp.91guangju.com/" target='window'>比邻other</a> | <a id="guangju-video"
                href="http://video.91guangju.com/" target='window'>比邻视频</a> | <a id="guangju-app"
                href="http://app.91guangju.com/" target='window'>比邻软件</a></div>
<!-- 站长统计 图片-->
<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1278840334'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1278840334%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script><a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="-blank"><img class="upyun-logo"
                src="https://s1.ax1x.com/2020/04/23/Jd3LVJ.png" alt="又拍云"></a>
    </div>

欢迎参考,有不懂的可以留言!
Last modification:April 29th, 2020 at 03:37 pm
如果觉得我的文章对你有用,请随意赞赏
欢迎在评论区打卡!