目 录CONTENT

文章目录

Joe2.0主题美化记录

米尔嘉
2023-03-07 / 2 评论 / 9 点赞 / 2,581 阅读 / 2,379 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-07-25,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

滚动条

<!-- 滚动条美化开始 -->
<link rel="stylesheet" type="text/css" href="https://cdn.minterjia.com/css/scrollbars.css">
<!-- 滚动条美化结束 -->

樱花飘落

<!--樱花飘落开始-->
<script src="https://cdn.minterjia.com/js/yinghua.js"></script>
<!--樱花飘落结束-->

鼠标右键美化

<!-- 鼠标右键美化开始 -->
<!-- 调用js -->
<script src="https://lib.baomitu.com/layer/3.1.1/layer.js"></script>
<!-- style  -->
<style type="text/css">
	a {
		text-decoration: none;
	}

	div.usercm {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-color: #fff;
		font-size: 13px !important;
		width: 130px;
		-moz-box-shadow: 1px 1px 3px rgba (0, 0, 0, .3);
		box-shadow: 0px 0px 15px #333;
		position: absolute;
		display: none;
		z-index: 10000;
		opacity: 0.9;
		border-radius: 8px;
	}

	div.usercm ul {
		list-style-type: none;
		list-style-position: outside;
		margin: 0px;
		padding: 0px;
		display: block
	}

	div.usercm ul li {
		margin: 0px;
		padding: 0px;
		line-height: 35px;
	}

	div.usercm ul li a {
		color: #666;
		padding: 0 15px;
		display: block
	}

	div.usercm ul li a:hover {
		color: #fff;
		background: #fb7299;
	}

	div.usercm ul li a i {
		margin-right: 10px
	}

	a.disabled {
		color: #c8c8c8 !important;
		cursor: not-allowed
	}

	a.disabled:hover {
		background-color: rgba(255, 11, 11, 0) !important
	}

	div.usercm {
		background: #fff !important;
	}
</style>
<script type="text/javascript">
	(function(a) {
		a.extend({
			mouseMoveShow: function(b) {
				var d = 0,
					c = 0,
					h = 0,
					k = 0,
					e = 0,
					f = 0;
				a(window).mousemove(function(g) {
					d = a(window).width();
					c = a(window).height();
					h = g.clientX;
					k = g.clientY;
					e = g.pageX;
					f = g.pageY;
					h + a(b).width() >= d && (e = e - a(b).width() - 5);
					k + a(b).height() >= c && (f = f - a(b).height() - 5);
					a("html").on({
						contextmenu: function(c) {
							3 == c.which && a(b).css({
								left: e,
								top: f
							}).show()
						},
						click: function() {
							a(b).hide()
						}
					})
				})
			},
			disabledContextMenu: function() {
				window.oncontextmenu = function() {
					return !1
				}
			}
		})
	})(jQuery);

	function getSelect() {
		"" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg(
			"啊噢...你没还没选择文字呢!"): document.execCommand("Copy")
	};

	function baiduSearch() {
		var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
		"" == a ? layer.msg("啊噢...你没还没选择文字呢!") : window.open("https://www.baidu.com/s?wd=" + a)
	};
	$(function() {
		for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c <
			b.length; c++)
			if (0 < a.indexOf(b[c])) {
				d = !1;
				break
			}
		d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())
	});
</script>
<script>
function blogSearch() {
var _port = location.port?':'+location.port:''
var _href = location.protocol+'//'+location.hostname+_port+'/search?keyword='
        var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
        "" == a ? layer.msg("啊噢...你没还没选择文字呢!") : window.open(_href + a)
    };
</script>
<!-- body -->
<div class="usercm" style="left: 199px; top: 5px; display: none;">
	<ul>
		<li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>
		<li><a href="https://minterjia.com"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>
		<li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>百度</span></a></li>
<li><a href="javascript:void(0);" onclick="blogSearch();"><i class="fa fa-search fa-fw"></i><span>站内</span></a></li>
		<li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>
		<li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>
		<li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li>
		<li><a href="https://minterjia.com/links"><i class="fa fa-meh-o fa-fw"></i><span>和我做朋友</span></a></li>
		<li><a href="https://minterjia.com/s/liuyan"><i class="fa fa-pencil-square-o fa-fw"></i><span>给我留言吧</span></a></li>
	</ul>
</div>
<!-- 鼠标右键美化结束 -->

复制提醒

<!-- 复制提醒开始 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" />
<script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>

<script>
    document.body.oncopy = function() {
        swal("复制成功!", "若要转载请保留原文链接,感谢支持!", "success");
    };
</script>
<!-- 复制提醒结束 -->
<!-- 复制提醒开始 -->
<link rel="stylesheet" href="https://cdn.minterjia.com/love/sweetalert/dist/sweetalert.min.css">
<script type="text/javascript" src="https://cdn.minterjia.com/love/sweetalert/dist/sweetalert.min.js"></script>
<script>
    document.body.oncopy = function() {
        swal("复制成功!", "若要转载请保留原文链接,感谢支持!", "success");
    };
</script>
<!-- 复制提醒结束 -->
<!-- 复制提醒开始 -->
<link rel="stylesheet" href="https://cdn.minterjia.com/love/SnackBar/dist/snackbar.min.css" >
<script src="https://cdn.minterjia.com/love/SnackBar/dist/snackbar.min.js"></script>
<script>
    document.body.oncopy = function() {
       Snackbar.show({ actionText: '关闭',text: '米尔嘉提醒你,复制成功!注意休息!',backgroundColor: '#fb7299',actionTextColor: '#ffffff',pos: 'bottom-left',duration: '5000' });
    };
</script>
<!-- 复制提醒结束 -->
<!-- 复制提醒开始 -->
<script src="https://cdn.minterjia.com/love/layer/dist/layer.js"></script>
<script>
    document.body.oncopy = function() {
        layer.msg("啊噢...你没还没选择文字呢!") ;
    };
</script>
<!-- 复制提醒结束 -->
<!-- 复制提醒开始 -->
<link rel="stylesheet" type="text/css" href="https://cdn.minterjia.com/love/toastify/src/toastify.css">
<script src="https://cdn.minterjia.com/love/toastify/src/toastify.js"></script>
<script>
    document.body.oncopy = function() {
        Toastify({
             text: "米尔嘉提醒你,复制成功!注意休息!",
             className: "info",
             offset:{y:'50'},
             background: "linear-gradient(to right, #6394FD, #4E73F6)",
             position: "center",
             duration: 3000
        }).showToast();
    };
</script>
<!-- 复制提醒结束 -->
<!-- 复制提醒开始 -->
<link rel="stylesheet" href="https://cdn.minterjia.com/love/sweetalert/dist/sweetalert.min.css">
<script type="text/javascript" src="https://cdn.minterjia.com/love/sweetalert/dist/sweetalert.min.js"></script>

<link rel="stylesheet" href="https://cdn.minterjia.com/love/SnackBar/dist/snackbar.min.css">
<script src="https://cdn.minterjia.com/love/SnackBar/dist/snackbar.min.js"></script>

<script src="https://cdn.minterjia.com/love/layer/dist/layer.js"></script>


<link rel="stylesheet" type="text/css" href="https://cdn.minterjia.com/love/toastify/src/toastify.css">
<script src="https://cdn.minterjia.com/love/toastify/src/toastify.js"></script>

<script>
    document.body.oncopy = function() {
<!--1-->
swal("复制成功!", "若要转载请保留原文链接,感谢支持!", "success");
<!--2-->
Snackbar.show({ actionText: '关闭',text: '米尔嘉提醒你,复制成功!注意休息!',backgroundColor: '#fb7299',actionTextColor: '#ffffff',pos: 'bottom-left',duration: '5000' });
<!--3-->
layer.msg("米尔嘉提醒你,复制成功!注意休息!");
<!--4-->
Toastify({
    text: "米尔嘉提醒你,复制成功!注意休息!",
    className: "info",
    offset:{y:'50'},
    background: "linear-gradient(to right, #6394FD, #4E73F6)",
    position: "center",
    duration: 3000
}).showToast();
};
</script>
<!-- 复制提醒结束 -->

主页弹窗

<!-- 主页弹窗开始-->
<script>
if(window.location.href == 'http://localhost:4000/'||window.location.href == 'https://minterjia.com/'){
Snackbar.show({
		actionText: '关闭',
		text: '我在人间凑数的日子!',
		backgroundColor: '#fb7299',
		actionTextColor: '#ffffff',
		pos: 'bottom-left',
});
swal("我在人间凑数的日子", "在默默承受的阶段,我们往往是处在一个独处的状态,心灵会随着环境的安静而安静,这时候,才有机会真正想到解决问题的办法!", "error");
layer.msg("我在人间凑数的日子");
Toastify({
		text: "我在人间凑数的日子",
		className: "info",
		offset:{y:'50px'},
		background: "linear-gradient(to right, #6394FD, #4E73F6)",
		position: "center",
		duration: 3000
}).showToast(); 
}
</script>
<!-- 主页弹窗结束-->

米尔嘉音乐

<!-- 米尔嘉音乐插件开始 -->
<script src="https://myhkw.cn/api/player/166159348587" id="myhk" key="166159348587" m="1"></script>
<!-- 米尔嘉音乐插件结束 -->

bubble气泡

<!--bubble气泡开始 -->
<div id="thumbnail_canvas" class="single-thumbnail-card">
        <div class="single-thumbnail">
            <div class="single-image" style="background-image: url(https://minterjia.com/upload/2022/10/1.webp);"></div>
        </div>
        <canvas id="header_canvas"style="position:absolute;bottom:0"></canvas>
</div>	
    
<link rel="stylesheet" href="https://cdn.minterjia.com/love/bubble/css/style2.css" />    
<script src="https://cdn.minterjia.com/love/bubble/js/bubble2.js"></script>

<a class="button" href="https://minterjia.com">米尔嘉</a>
<!--bubble气泡结束 -->

米尔嘉

复制

$(document).keyup(function(event){
if(event.ctrlKey && event.keyCode==67){
"" != (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? showToast("米尔嘉提醒你,复制成功!!!记得休息!") : document.execCommand("Copy");}
});

页面大图记录

记录一下页面大图的代码,网站已取消

<#import "template/evan/big_banner.ftl" as bigBanner> 
<@bigBanner.bigbanner title="首页" type="index"/> 


<#import "template/evan/big_banner2.ftl" as bigBanner> 
<@bigBanner.bigbanner title="分类目录" type="categories"/> 
    
    
<#import "template/evan/big_banner.ftl" as bigBanner> 
<@bigBanner.bigbanner title="标签分类" type="tags"/> 
9

评论区