博客美化


此篇用来记录博客美化,随时补充更新,部分内容来自网络,只是收藏整合。

① 首页文章圆角化

复制代码到后台开发者设置==>自定义CSS

.panel{
    border: none;
    border-radius: 15px;
}

.panel-small{
    border: none;
    border-radius: 15px;
}

.item-thumb{
    border-radius: 15px;  
}


② 网站加载完成提示

复制代码到后台开发者设置==>自定义 JavaScript

/* 网站加载完成提示开始 */ 
function kaygb_referrer(){
var kaygb_referrer = document.referrer;
if  (kaygb_referrer != ""){
return "感谢您的访问! 您来自:<br>" + document.referrer;
}else{
return "";
}}
$.message({
    message: "为了网站的正常运行,请不要使用广告屏蔽插件,谢谢!<br >" + kaygb_referrer(),
    title: "网站加载完成",
    type: "success",
    autoHide: !1,
    time: "3000"
})
/* 网站加载完成提示结束 */


③ 复制文字提示以及禁止F12

复制代码到后台开发者设置==>自定义 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> 本文作者:kugua<br>原文链接:"+sitesurl,
    title: "复制成功",
    type: "warning",
    autoHide: !1,
    time: "5000"
    })
}}
/* 复制成功提示代码结束 */

/*防止12*/
document.onkeydown = function() {
    if (window.event && window.event.keyCode == 123) {
        layer.msg("o(*Q▽Q*)o求求惹,不要在扒孩子惹呜呜呜...");
        event.keyCode = 0;
        event.returnValue = false
    }
};

插件分享


① AliceStyle美化插件

AliceStyle美化插件

  • 内置16个优美的动态背景(还会再增加的)
  • 全局主题提供透明模式和默认模式,增加了小清新的白色主题
  • 自带两种返回顶部按钮(拉姆雷姆和夏目的猫)
  • 后台标题显示插件更新信息
  • 本插件最大亮点:全网唯一的,自带检测更新的,独一无二的主题美化插件
  • 自带夜间模式和后台美化


② 代码高亮插件Code Prettify

CodePrettify(代码高亮插件)

可设置项

选择高亮主题风格 (官方提供的 6 种风格切换,本人自己新增了三种(Mac风格))

  • coy.css
  • dark.css
  • BlackMac.css(黑色Mac风格)
  • GrayMac.css (默认选中:Mac风格(灰色))
  • WhiteMac.css(白色Mac风格)
  • twilight.css
  • tomorrow-night.css


③ Hansome主题专用的UserAgent插件


原文地址

UserAgent(显示评论人使用的操作系统和浏览器信息)

  • 操作前请做好相应备份工作
  • 此插件只适用于Handsome主题,未对其它主题优化!!!
  • 请先将插件置于Typecho的plugins目录下,且插件目录名应为UserAgent,注意大小写,否则将无法正常食用!!!

最后修改:2021 年 09 月 10 日 03 : 08 PM
简简单单打赏一个亿吧
END
本文作者:
文章标题:Typecho博客美化教程持续更新
本文地址:http://blog.xinxing.space/index.php/archives/3/
版权说明:若无注明,本文皆来自星星的我原创,转载请保留文章出处。