网站运行时间

  • 博客底部左侧信息添加并修改下方代码的日期即可
<!--建站时间-->
<span>
    | 本站已安全运行
</span>
<span id="span_dt_dt">
</span>
<script>
    /*建站时间*/
    function show_date_time() {
        window.setTimeout("show_date_time()", 1e3);
        var BirthDay = new Date("2018/06/06 02:30:41"),
        today = new Date,
        timeold = today.getTime() - BirthDay.getTime(),
        msPerDay = 864e5,
        e_daysold = timeold / msPerDay,
        daysold = Math.floor(e_daysold),
        e_hrsold = 24 * (e_daysold - daysold),
        hrsold = Math.floor(e_hrsold),
        e_minsold = 60 * (e_hrsold - hrsold),
        minsold = Math.floor(60 * (e_hrsold - hrsold)),
        seconds = Math.floor(60 * (e_minsold - minsold));
        span_dt_dt.innerHTML = daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
    }
    show_date_time();
</script>

网站地图

  • 上传八云酱的sitemap插件至/usr/plugins
  • 再到博客底部左侧信息添加以下代码即可
  • 记得把域名换成自己的哦

sitemap:

<!--网站地图-->
<a href="https://aukcl.win/sitemap.xml">| Sitemap</a>

赞赏图标跳动

  • 自定义css里添加即可
/*赞赏图标跳动*/
.btn-pay {
    animation: star 0.5s ease-in-out infinite alternate;
}

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

    to {
        transform: scale(1.1);
    }
}

复制弹框版权提醒

  • 获取layer压缩包
  • 解压其中的layer目录
  • 上传到博客根目录,再添加以下代码即可

layer官方下载地址:

自定义 JavaScript

/*复制提示*/
document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留原文链接!', function(){
});};

自定义输出head 头部的HTML代码

  • 记得改为自己域名
<!--复制弹框JS-->
<script src="https://aukcl.win/layer/layer.js"></script>

动态标题

  • 自定义 JavaScript添加即可
/*动态标题*/
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},2000)}});

文本框打字特效

  • 自定义输出body 尾部的HTML代码添加即可
<!--文本框打字机特效-->
<script type="text/javascript" src="https://aukcl.win/usr/themes/handsome/assets/js/commentTyping.js"></script>

Mac风格代码高亮

插件最新更新时间:2019/11/18
handsome.min.css更新时间:2019/12/06
插件下载:

  • 下载本插件,解压到usr/plugins/目录中
  • 进入网站后台-控制台-插件-激活插件(请勿与其它同类插件同时启用,以免互相影响)
  • 设置:选择主题风格,是否显示行号等,默认开启
  • 修改(替换)/usr/themes/handsome/assets/css/下的handsome.min.css文件
  • 由于Handsome主题最新加入授权,旧版本必须更新至最新版,所以这里就不提供旧版

Handsome 6.0.0 版本handsome.min.css文件:

  • 如果你的网站有开启Pjax(Handsome主题默认开启),把以下代码添加到回调函数的地方,以Handsome为例,打开后台设置PJAX回调函数
if (typeof Prism !== 'undefined') {
var pres = document.getElementsByTagName('pre');
                for (var i = 0; i < pres.length; i++){
                    if (pres[i].getElementsByTagName('code').length > 0)
                        pres[i].className  = 'line-numbers';}
Prism.highlightAll(true,null);}

贴吧滑稽表情包和织田七海表情包

  • 复制owo.json到handsome/usr/
  • 复制paopao文件夹和zhitianqihai文件夹到handsome/usr/img/emotion/
  • 清除一下游览器缓存,然后刷新即可

AukclOWO表情包:

头像旋转放大

添加到自定义 CSS即可

/*头像旋转放大*/
.img-full {
    width: 100px;
    border-radius: 50%;
    transition: 0.5s;
}
.img-full:hover {
    transform: scale(1.15) rotate(360deg);
}

部分美化来自Alvin的分享,在此感谢


版权属于:本文为原创文章,版权归 AUK CL 所有。
文章地址: https://aukcl.win/archives/467/
所有原创文章由知识共享署名-非商业性使用 4.0 国际许可协议进行许可。
您可以自由转载或修改,但禁止一切形式的商业使用,同时,务必请注明原文地址及作者信息。

Last modification:June 13th, 2020 at 12:08 am
If you think my article is useful to you, please feel free to appreciate