Joe主题美化记录【持续更新】

这个主题固然是好，但我就是喜欢折腾

这篇用于记录美化记录，改的多了难免会忘

大家也可参考

关闭前台登陆/注册

这个操作只是让用户无法登陆/注册，对管理站点没影响

修改路径：/usr/themes/Joe/public/headr.php
删除
<?php else

登陆后台在域名后面＋/admin就可以进入

禁用F12

修改路径：/usr/themes/Joe/public/footer.php
在最后面加上代码即可

<!--禁用F12-->
<script>
function fuckyou(){
window.close(); //关闭当前窗口(防抽)
window.location="about:blank"; //将当前窗口跳转置空白页
}

function click(e) {
if (document.all) {
if (event.button==2||event.button==3) { 
alert("禁止拿代码");
oncontextmenu='return false';
}
}
if (document.layers) {
if (e.which == 3) {
oncontextmenu='return false';
}
}
}
if (document.layers) {
fuckyou();
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
document.oncontextmenu = new Function("return false;")
document.onkeydown =document.onkeyup = document.onkeypress=function(){ 
if(window.event.keyCode == 123) { 
fuckyou();
window.event.returnValue=false;
return(false); 
} 
}
</script>

添加版权信息

效果就是在站内复制文文字后，会默认在复制内容中加入版权信息

修改路径：/usr/themes/Joe/public/footer.php
在最后面添加即可

<!--版权提示开始-->

<script>
document.body.addEventListener('copy', function (e) {
    if (window.getSelection().toString() && window.getSelection().toString().length > 42) {
        setClipboardText(e);
     notie({
  type: 'info',
  text: '商业转载请联系作者获得授权，非商业转载请注明出处，谢谢合作。',
  autoHide: true
})
    }
}); 
function setClipboardText(event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (clipboardData) {
        event.preventDefault();
 
        var htmlData = ''
            + '著作权归作者所有。<br>'
            + '本站所有文章使用CC BY-NC-SA 4.0许可协议，转载请注明出处。<br>'
            + '作者：老K博客<br>'
            + '来源：' + window.location.href + '<br>'
            + '链接：https://laokbk.cn/<br><br>'
            + window.getSelection().toString();
        var textData = ''
            + '著作权归作者所有。\n'
            + '本站所有文章使用CC BY-NC-SA 4.0许可协议，授权转载请注明出处。\n'
            + '作者：老K博客\n'
            + '来源：' + window.location.href + '\n'
            + '链接：https://laokbk.cn/\n\n'
            + window.getSelection().toString();
 
        clipboardData.setData('text/html', htmlData);
        clipboardData.setData('text/plain',textData);
    }
}
</script>
<!--版权提示结束-->

注意把信息修改成自己的

修改颜色及透明度

在主题设置的自定义css处填写

body { --theme: #ff6800; --background: rgba(255,255,255,0.85) }

theme：主题颜色，可随意修改
颜色参照表：http://tool.txav.cn/rgb_color

rgba最后面的0.85即为透明度，修改值0-1，0则全透1则不透。

若只想单改透明度 则填写内容为

body { --background: rgba(255,255,255,0.8) }

透明值同样修改最后面的0.8

颜色包裹效果

文章颜色包裹文字代码实现

底部按钮美化

先复制下面的代码，在主题的全局设置，粘贴到自定义底部栏左、右侧内容里，把内容改一下

<a class="github-badge" target="_blank" href="https://www.laokbk.cn/friends.html" title="友情链接">
     <span class="badge-subject"></span>
     <span class="badge-value bg-blue">友情链接</span>
</a>
|
<a class="github-badge" target="_blank" href="/sitemap.xml" title="老K博客">
     <span class="badge-subject">Powered</span>
     <span class="badge-value bg-purple"></span>站点地图
</a>