This commit is contained in:
Van
223
Casper/js/common.js
Normal file
223
Casper/js/common.js
Normal file
@@ -0,0 +1,223 @@
|
||||
/*
|
||||
* Solo - A small and beautiful blogging system written in Java.
|
||||
* Copyright (c) 2010-2019, b3log.org & hacpai.com
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published by
|
||||
* the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
/**
|
||||
* @fileoverview util and every page should be used.
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 0.1.0.1, Mar 22, 2019
|
||||
*/
|
||||
|
||||
/**
|
||||
* @description 皮肤脚本
|
||||
* @static
|
||||
*/
|
||||
var Skin = {
|
||||
init: function () {
|
||||
var $article__toc = $('.article__toc')
|
||||
$(window).scroll(function () {
|
||||
if ($article__toc.length === 1) {
|
||||
if ($('.article__bottom').offset().top < $(window).scrollTop()) {
|
||||
$article__toc.hide()
|
||||
} else {
|
||||
$article__toc.show()
|
||||
}
|
||||
}
|
||||
|
||||
if ($('#headerNav').length === 0) {
|
||||
return
|
||||
}
|
||||
if ($(window).scrollTop() > 64) {
|
||||
$('#headerNav').addClass('header__nav--fixed');
|
||||
$('.main').css('margin-top', '100px');
|
||||
} else {
|
||||
$('#headerNav').removeClass('header__nav--fixed');
|
||||
$('.main').css('margin-top', '50px');
|
||||
}
|
||||
});
|
||||
$(window).scroll();
|
||||
|
||||
Util.initPjax(function () {
|
||||
Util.parseMarkdown();
|
||||
if (Util.isArticlePage(location.href)) {
|
||||
if (!$('#articleSideShare .article__code').qrcode) {
|
||||
$.ajax({
|
||||
method: "GET",
|
||||
url: Label.staticServePath + '/js/lib/jquery.qrcode.min.js',
|
||||
dataType: "script",
|
||||
cache: true
|
||||
});
|
||||
}
|
||||
}
|
||||
Skin.initToc()
|
||||
})
|
||||
Skin.initToc()
|
||||
},
|
||||
initTags: function () {
|
||||
var $tags = $('#tags');
|
||||
var tagsArray = $tags.find('.tag')
|
||||
// 根据引用次数添加样式，产生云效果
|
||||
var max = parseInt(tagsArray.first().data('count'));
|
||||
var distance = Math.ceil(max / 5);
|
||||
for (var i = 0; i < tagsArray.length; i++) {
|
||||
var count = parseInt($(tagsArray[i]).data('count'));
|
||||
// 算出当前 tag 数目所在的区间，加上 class
|
||||
for (var j = 0; j < 5; j++) {
|
||||
if (count > j * distance && count <= (j + 1) * distance) {
|
||||
tagsArray[i].className = 'tag tag__level' + j;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 按字母或者中文拼音进行排序
|
||||
$tags.html(tagsArray.get().sort(function (a, b) {
|
||||
var valA = $(a).text().toLowerCase();
|
||||
var valB = $(b).text().toLowerCase();
|
||||
// 对中英文排序的处理
|
||||
return valA.localeCompare(valB);
|
||||
}));
|
||||
},
|
||||
initArticle: function () {
|
||||
if ($('#articleShare').length === 0) {
|
||||
return
|
||||
}
|
||||
Skin._share('#articleShare')
|
||||
Skin._share('#articleSideShare')
|
||||
Skin._share('#articleBottomShare')
|
||||
|
||||
var $postSide = $('.post__side')
|
||||
if ($(window).height() >= $('.post').height()) {
|
||||
$postSide.css('opacity', 1)
|
||||
}
|
||||
$postSide.css('left', (($('.post').offset().left - 20) / 2 - 27) + 'px')
|
||||
|
||||
var sideAbsoluteTop = ($(window).height() - 249) / 2 + 125
|
||||
var beforScrollTop = $(window).scrollTop()
|
||||
$(window).scroll(function () {
|
||||
if ($('#articleShare').length === 0) {
|
||||
return
|
||||
}
|
||||
var scrollTop = $(window).scrollTop()
|
||||
var bottomTop = $('.article__bottom').offset().top
|
||||
if (scrollTop > 65) {
|
||||
$postSide.css('opacity', 1)
|
||||
|
||||
if (beforScrollTop - scrollTop > 0) {
|
||||
// up
|
||||
$('.header').addClass('header--fixed').css({'top': '0'})
|
||||
$('.main').css('padding-top', '64px')
|
||||
if ($(window).height() <= $('.post').height() && scrollTop < bottomTop - $(window).height()) {
|
||||
$('.article__toolbar').css({
|
||||
'bottom': 0,
|
||||
'opacity': 1
|
||||
})
|
||||
}
|
||||
} else if (beforScrollTop - scrollTop < 0) {
|
||||
// down
|
||||
$('.header').css({'top': '-64px'}).removeClass('header--fixed')
|
||||
$('.main').css('padding-top', '0')
|
||||
$('.article__toolbar').css({
|
||||
'bottom': '-44px',
|
||||
'opacity': 0
|
||||
})
|
||||
}
|
||||
|
||||
} else {
|
||||
if ($(window).height() <= $('.post').height()) {
|
||||
$postSide.css('opacity', 0)
|
||||
}
|
||||
|
||||
$('.header').removeClass('header--fixed').css('top', '-64px')
|
||||
$('.main').css('padding-top', '0')
|
||||
}
|
||||
|
||||
if (scrollTop > bottomTop - $(window).height()) {
|
||||
if (bottomTop < $(window).height()) {
|
||||
$postSide.css({
|
||||
'position': 'absolute',
|
||||
'top': (bottomTop - 125) + 'px'
|
||||
})
|
||||
} else {
|
||||
$postSide.css({
|
||||
'position': 'absolute',
|
||||
'top': (bottomTop - sideAbsoluteTop) + 'px'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
$postSide.css({
|
||||
'position': 'fixed',
|
||||
'top': '50%'
|
||||
})
|
||||
}
|
||||
|
||||
beforScrollTop = scrollTop
|
||||
})
|
||||
|
||||
$(window).scroll()
|
||||
},
|
||||
_share: function (id) {
|
||||
var $this = $(id)
|
||||
var $qrCode = $this.find('.article__code')
|
||||
var shareURL = $qrCode.data('url')
|
||||
var avatarURL = $qrCode.data('avatar')
|
||||
var title = encodeURIComponent($qrCode.data('title') + ' - ' + $qrCode.data('blogtitle')),
|
||||
url = encodeURIComponent(shareURL)
|
||||
|
||||
var urls = {}
|
||||
urls.tencent = 'http://share.v.t.qq.com/index.php?c=share&a=index&title=' + title +
|
||||
'&url=' + url + '&pic=' + avatarURL
|
||||
urls.weibo = 'http://v.t.sina.com.cn/share/share.php?title=' +
|
||||
title + '&url=' + url + '&pic=' + avatarURL
|
||||
urls.qqz = 'https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='
|
||||
+ url + '&sharesource=qzone&title=' + title + '&pics=' + avatarURL
|
||||
urls.twitter = 'https://twitter.com/intent/tweet?status=' + title + ' ' + url
|
||||
|
||||
$this.find('span').click(function () {
|
||||
var key = $(this).data('type')
|
||||
|
||||
if (!key) {
|
||||
return
|
||||
}
|
||||
|
||||
if (key === 'wechat') {
|
||||
if ($qrCode.find('canvas').length === 0) {
|
||||
$qrCode.qrcode({
|
||||
width: 128,
|
||||
height: 128,
|
||||
text: shareURL
|
||||
});
|
||||
} else {
|
||||
$qrCode.slideToggle();
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
window.open(urls[key], '_blank', 'top=100,left=200,width=648,height=618')
|
||||
})
|
||||
},
|
||||
initToc: function () {
|
||||
if ($('.article__toc').length !== 0 && $(window).width() > 1000) {
|
||||
$('.article__toc').animate({
|
||||
'left': ($('.post').outerWidth() + $('.post').offset().left) + 'px'
|
||||
}, 600)
|
||||
} else {
|
||||
$('.article__toc').hide()
|
||||
}
|
||||
}
|
||||
};
|
||||
Skin.init();
|
||||
1
Casper/js/common.min.js
vendored
Normal file
1
Casper/js/common.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var Skin={init:function(){var t=$(".article__toc");$(window).scroll(function(){1===t.length&&($(".article__bottom").offset().top<$(window).scrollTop()?t.hide():t.show()),0!==$("#headerNav").length&&(64<$(window).scrollTop()?($("#headerNav").addClass("header__nav--fixed"),$(".main").css("margin-top","100px")):($("#headerNav").removeClass("header__nav--fixed"),$(".main").css("margin-top","50px")))}),$(window).scroll(),Util.initPjax(function(){Util.parseMarkdown(),Util.isArticlePage(location.href)&&($("#articleSideShare .article__code").qrcode||$.ajax({method:"GET",url:Label.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0})),Skin.initToc()}),Skin.initToc()},initTags:function(){for(var t=$("#tags"),e=t.find(".tag"),i=parseInt(e.first().data("count")),o=Math.ceil(i/5),a=0;a<e.length;a++)for(var n=parseInt($(e[a]).data("count")),s=0;s<5;s++)if(s*o<n&&n<=(s+1)*o){e[a].className="tag tag__level"+s;break}t.html(e.get().sort(function(t,e){var i=$(t).text().toLowerCase(),o=$(e).text().toLowerCase();return i.localeCompare(o)}))},initArticle:function(){if(0!==$("#articleShare").length){Skin._share("#articleShare"),Skin._share("#articleSideShare"),Skin._share("#articleBottomShare");var i=$(".post__side");$(window).height()>=$(".post").height()&&i.css("opacity",1),i.css("left",($(".post").offset().left-20)/2-27+"px");var o=($(window).height()-249)/2+125,a=$(window).scrollTop();$(window).scroll(function(){if(0!==$("#articleShare").length){var t=$(window).scrollTop(),e=$(".article__bottom").offset().top;65<t?(i.css("opacity",1),0<a-t?($(".header").addClass("header--fixed").css({top:"0"}),$(".main").css("padding-top","64px"),$(window).height()<=$(".post").height()&&t<e-$(window).height()&&$(".article__toolbar").css({bottom:0,opacity:1})):a-t<0&&($(".header").css({top:"-64px"}).removeClass("header--fixed"),$(".main").css("padding-top","0"),$(".article__toolbar").css({bottom:"-44px",opacity:0}))):($(window).height()<=$(".post").height()&&i.css("opacity",0),$(".header").removeClass("header--fixed").css("top","-64px"),$(".main").css("padding-top","0")),t>e-$(window).height()?e<$(window).height()?i.css({position:"absolute",top:e-125+"px"}):i.css({position:"absolute",top:e-o+"px"}):i.css({position:"fixed",top:"50%"}),a=t}}),$(window).scroll()}},_share:function(t){var e=$(t),i=e.find(".article__code"),o=i.data("url"),a=i.data("avatar"),n=encodeURIComponent(i.data("title")+" - "+i.data("blogtitle")),s=encodeURIComponent(o),r={};r.tencent="http://share.v.t.qq.com/index.php?c=share&a=index&title="+n+"&url="+s+"&pic="+a,r.weibo="http://v.t.sina.com.cn/share/share.php?title="+n+"&url="+s+"&pic="+a,r.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+s+"&sharesource=qzone&title="+n+"&pics="+a,r.twitter="https://twitter.com/intent/tweet?status="+n+" "+s,e.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===i.find("canvas").length?i.qrcode({width:128,height:128,text:o}):i.slideToggle(),!1):void window.open(r[t],"_blank","top=100,left=200,width=648,height=618")})},initToc:function(){0!==$(".article__toc").length&&1e3<$(window).width()?$(".article__toc").animate({left:$(".post").outerWidth()+$(".post").offset().left+"px"},600):$(".article__toc").hide()}};Skin.init();
|
||||
Reference in New Issue
Block a user