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

老K博客

发布于 2023-12-18 15:35:05

2180

发布于 2023-12-18 15:35:05

文章被收录于专栏：老K博客老K博客

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

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

大家也可参考

关闭前台登陆/注册

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

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

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

禁用F12

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

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); 
} 
}

添加版权信息

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

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

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);
    }
}

注意把信息修改成自己的

修改颜色及透明度

在主题设置的自定义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

颜色包裹效果

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

底部按钮美化

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

     友情链接

|

     Powered
     站点地图

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2023年08月13日，如有侵权请联系 cloudcommunity@tencent.com 删除

document

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度