+
[](https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/releases)
[](https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/issues)
@@ -29,7 +29,7 @@
- [v1.1.*](http://doc.dbnuo.org/cnblogs-theme-docs/v1.1.0/)
- [v1.0.*](http://doc.dbnuo.org/cnblogs-theme-docs/v1.0.0/)
-> 推荐大家使用最新版本，新版本的发布往往代表的功能的完善和bug的修复！
+> 推荐大家使用最新版本，新版本的发布往往代表着功能的完善和bug的修复！
> 文档可能有缓存，大家可以尝试强制刷新下(ctrl+f5) # Contributors diff --git a/img/gif_01.gif b/img/gif_01.gif deleted file mode 100644 index 861c33ac..00000000 Binary files a/img/gif_01.gif and /dev/null differ diff --git a/img/home_top_bg.jpg b/img/home_top_bg.jpg index a89c8857..a9ef192a 100644 Binary files a/img/home_top_bg.jpg and b/img/home_top_bg.jpg differ diff --git a/logo.png b/img/logo.png similarity index 100% rename from logo.png rename to img/logo.png diff --git a/img/menu_bg.jpeg b/img/menu_bg.jpeg deleted file mode 100644 index 4e873402..00000000 Binary files a/img/menu_bg.jpeg and /dev/null differ diff --git a/img/nothome_top_bg.png b/img/nothome_top_bg.png new file mode 100644 index 00000000..a6bc99e0 Binary files /dev/null and b/img/nothome_top_bg.png differ diff --git a/src/script/base.js b/src/script/base.js index 4f1403aa..c7e64131 100644 --- a/src/script/base.js +++ b/src/script/base.js @@ -6,10 +6,10 @@ **/ function Base() { - var bndongJs = this, - tools = new myTools, - progressBar = new ToProgress(window.cnblogsConfig.progressBar, '#bottomProgressBar'), // 进度条 - temScroll = 0, // 上一次页面滚动位置 + const bndongJs = this, + tools = new myTools; + var progressBar = new ToProgress(window.cnblogsConfig.progressBar, '#bottomProgressBar'), // 进度条 + temScroll = 0, // 上一次页面滚动位置 /** 定时器 **/ timeIds = { @@ -25,26 +25,25 @@ function Base() { setCnzzTId : null, // 网站统计Cnzz设置定时器ID setAmazingTId : null, // 网站统计Amazing设置定时器ID setCatalogTId : null, // 文章目录设置定时器ID - } - ; + blogPostCategoryTId : null, // 文章信息分类设置定时器ID + entryTagTId : null, // 文章信息标签设置定时器ID + }; + +//----------------------------------- 初始化 -----------------------------------------// /** * 初始化 */ this.init = function () { - - // Loading前初始化 - bndongJs.loadingBeforeInit(); - - // Loading结束 - bndongJs.endLoading(); - - // Loading后初始化 - bndongJs.loadingAfterInit(); + bndongJs.loadingBeforeInit(); // Loading 前初始化 + bndongJs.endLoading(); // Loading 结束 + bndongJs.loadingAfterInit(); // Loading 后初始化 }; +//----------------------------- Loading 前后逻辑处理 ----------------------------------// + /** - * Loading前初始化 + * Loading 前初始化 */ this.loadingBeforeInit = function () { @@ -79,7 +78,7 @@ function Base() { $(window).resize( function() { bndongJs.resizeMonitor(); }); // 更换网站图标 - var linkObject = document.createElement('link'); + let linkObject = document.createElement('link'); linkObject.rel = "shortcut icon"; linkObject.href = window.cnblogsConfig.webpageIcon; document.getElementsByTagName("head")[0].appendChild(linkObject); @@ -88,7 +87,7 @@ function Base() { bndongJs.addFooter(); // 设置菜单侧边栏内容 - var setMenuData = bndongJs.setMenuData(); + let setMenuData = bndongJs.setMenuData(); timeIds.setMenuIntroduceTId = window.setInterval( setMenuData.setIntroduce, 1000 ); timeIds.setMenuSidebarTId = window.setInterval( setMenuData.setSidebar, 1000 ); timeIds.setMenuToptagsTId = window.setInterval( setMenuData.setToptags, 1000 ); @@ -114,6 +113,10 @@ function Base() { setTimeout(bndongJs.clearIntervalAll, 30000); }; +//---------------------------------- 逻辑处理 --------------------------------------// + +//=================== 逻辑处理：公共方法 + /** * 清除全部定时器 */ @@ -130,6 +133,166 @@ function Base() { null != timeId && window.clearInterval(timeId); }; + /** + * 滚动处理 + */ + this.scrollMonitor = function() { + + var homeScroll = $('#home').offset().top - 40, + docScroll = $(document).scrollTop(), + openButton = $('#open-button'), + sideToolbar = $('#sideToolbar'), + sideToolbarTop = $('.main-header').outerHeight(), + scrollPercent = tools.getScrollPercent(), + toUpDown = $("#toUpDown"), + toUpDownI = $("#toUpDownI"), + toUpDownSpan = $('.toUpDownSpan'); + + // 设置滚动条 + progressBar.setProgress(scrollPercent); + + // 设置文章目录位置 + if (sideToolbarTop <= docScroll) { + if (!sideToolbar.hasClass('sideToolbarFix')) { + sideToolbar.addClass('sideToolbarFix'); + } + } else { + sideToolbar.removeClass('sideToolbarFix'); + } + + // 设置头部底部按钮 + if (homeScroll <= docScroll) { + toUpDownI.rotate({animateTo:0}); + toUpDown.attr('data', 'up'); + toUpDownSpan.text('返回顶部'); + } else { + toUpDownI.rotate({animateTo:-180}); + toUpDown.attr('data', 'down'); + toUpDownSpan.text('跳至底部'); + } + + // 设置上下滚动 + if (temScroll < docScroll) { // 向下滚动 + + if (homeScroll <= docScroll) { // 滚过头图 + + // 设置菜单按钮 + if (!openButton.hasClass('menu-button-scroll')) { + openButton.addClass('menu-button-scroll'); + openButton.text(''); + } + } + + } else { // 向上滚动 + + if (homeScroll >= docScroll) { // 滚入头图 + + // 设置菜单按钮 + if (openButton.hasClass('menu-button-scroll')) { + openButton.removeClass('menu-button-scroll'); + openButton.text('MENU'); + } + } + } + temScroll = docScroll; + }; + + /** + * 屏幕大小变化处理 + */ + this.resizeMonitor = function() { + var bodyWidth = parseFloat(document.body.clientWidth); + bndongJs.setDomHomePosition(); + + // 设置目录插件左右位置 + if ($('#sideToolbar').length > 0) { + var mainContentWidth = $('#mainContent').outerWidth(true); + var listWidth = $('#sideCatalog').outerWidth(true); + listWidth = listWidth > 220 ? listWidth : 242; + var bothWidth = (bodyWidth - mainContentWidth) / 2; + var rightPx = bothWidth - listWidth - 50; + + $('#sideCatalog').css('right', (rightPx > 0 ? rightPx : 0) + 'px'); + if (bothWidth > listWidth + 50 && bodyWidth > 1230) { + $('#sideToolbar').css('visibility', 'visible'); + } else { + $('#sideToolbar').css('visibility', 'hidden'); + } + } + }; + + /** + * 右下角菜单事件处理 + */ + this.rightMenuMous = function(parentObject, subObject) { + $(parentObject).on({ + mouseover : function(){ + if (subObject === '.rightBuryitSpan') { + // 鼠标移入，更新踩值 + var str = $('#bury_count').text(); + if ($(subObject).text() != str) {$(parentObject).attr('clickflg', 'false');$(subObject).text(str);} + } + + if (subObject === '.rightDiggitSpan') { + // 鼠标移入，更新顶值 + var str = $('#digg_count').text(); + if ($(subObject).text() != str) {$(parentObject).attr('clickflg', 'false');$(subObject).text(str);} + } + $(subObject).show(); + }, + mouseout : function(){ + $(subObject).hide(); + }, + click: function () { + if (subObject === '.rightBuryitSpan' || subObject === '.rightDiggitSpan') { + // 点击顶踩，数值变化 + if ($(this).attr('clickflg') === 'false') { + var rightSpan = $(subObject); + var i = parseInt(rightSpan.text()) + 1; + rightSpan.text(i); + $(this).attr('clickflg', 'true'); + } + } + + if (subObject === '.attentionSpan') { + var attDiv = $('#attention'); + // 点击关注 + if ($('#p_b_follow').text() == '' || $(parentObject + ' a').text().indexOf('成功') > 0) { + $(subObject).text('已关注'); + attDiv.find('i').removeClass('icon-dianzan').addClass('icon-dianzan1'); + } else { + $(subObject).text('关注'); + attDiv.find('i').removeClass('icon-dianzan1').addClass('icon-dianzan'); + } + } + + if (subObject === '.toUpDownSpan') { + // 点击滚动 + var ac = $(this).attr('data'); + if (ac === 'down') { + var docHeight = $(document).height(); + var windowHeight = $(window).height(); + tools.actScroll(docHeight - windowHeight, 2000) + } else { + tools.actScroll(0, 2000) + } + } + } + }) ; + }; + +//=================== 逻辑处理：页面公共处理 + + /** + * 结束Loading页面 + */ + this.endLoading = function() { + $('body').css('overflow', 'auto'); + pageLoading.spinner.setComplete(); + $('#loading').fadeOut(300); + $('a[name="top"]').fadeOut(300); + }; + /** * HTML-TITLE */ @@ -138,7 +301,7 @@ function Base() { hidden, visibilityChange, timer; - + if (typeof document.hidden !== "undefined") { hidden = "hidden"; visibilityChange = "visibilitychange"; @@ -154,7 +317,7 @@ function Base() { if (timer) clearTimeout(timer); if (document[hidden]) { timer = setTimeout(function () { - document.title = window.cnblogsConfig.webpageTitleOnblur + ' - ' + RelTitle.split(' - ')[0]; + document.title = window.cnblogsConfig.webpageTitleOnblur + ' - ' + RelTitle.split(' - ')[0]; }, window.cnblogsConfig.webpageTitleOnblurTimeOut); } else { document.title = window.cnblogsConfig.webpageTitleFocus; @@ -169,101 +332,296 @@ function Base() { }; /** - * 主页初始化 + * 初始化主体内容位置 */ - this.homeInit = function() { - - // 设置主页图片 - var homeTopImg = window.cnblogsConfig.homeTopImg, - bgImg; - - homeTopImg.length > 0 ? - (homeTopImg.length > 1 ? bgImg = homeTopImg[tools.randomNum(0, homeTopImg.length - 1)] : bgImg = homeTopImg[0]) - : bgImg = ""; - $('.main-header').css({ - 'background': '#222 url('+bgImg+') center center no-repeat', - 'background-size': 'cover' - }); - - // 头图点击滚动到内容位置 - $('.scroll-down').click(function () { var endScroll = $('#home').offset().top + 10; tools.actScroll(endScroll, 1000);}); - - // 设置右下角菜单 - timeIds.setHomeRightMenuTId = window.setInterval( bndongJs.addHomeRightMenu, 1000 ); - - bndongJs.setHitokoto(); - bndongJs.scrollMonitor(); - bndongJs.setDomHomePosition(); - - if (window.cnblogsConfig.homeTopAnimationRendered) - require(['circleMagic'], function() { - $('.main-header').circleMagic(window.cnblogsConfig.homeTopAnimation); - }); + this.setDomHomePosition = function () { + $('#home').css('margin-top', $('.main-header').outerHeight() + 'px'); }; /** - * 非主页初始化 + * 页面特效控制 */ - this.notHomeInit = function() { - - // 设置随笔标题 - var sbTitle = $('#cb_post_title_url').text(); - $('.main-header-content').append('
'+sbTitle+'
'); - $('.inner').css('max-width', '100vw'); - - bndongJs.setDomHomePosition(); - bndongJs.setCodeHighlighting(); - - require(['baguetteBox', 'marvin', 'articleStatement'], function(baguetteBox) { - - // 设置图片点击查看 - var cpb = $('#cnblogs_post_body') - ,imgList = $('#cnblogs_post_body img'); - - if (cpb.length > 0 && imgList.length > 0) { - $.each(imgList, function (i) { - var tem = $(imgList[i]); - var flg = tem.attr('id'); - if (typeof flg == 'undefined' && tem.outerWidth() > 50) { - tem.wrap(""); - } - }); - baguetteBox.run('.lightbox'); - } - - // 初始化文章目录位置 - timeIds.setCatalogTId = window.setInterval( bndongJs.initCatalog, 1000 ); - - bndongJs.scrollMonitor(); - }); - - // 设置右下角菜单 - timeIds.setNotHomeRightMenuTId = window.setInterval( bndongJs.addNotHomeRightMenu, 1000 ); - - bndongJs.setNotHomeTopImg(); - bndongJs.setCommentStyle(); + this.setPageAnimationControl = function () { + if (window.cnblogsConfig.homeTopAnimationRendered + || window.cnblogsConfig.essayTopAnimationRendered + || window.cnblogsConfig.bgAnimationRendered + ) { + var html = '';
+ html += '';
+ html += '关闭页面特效';
+ html += '
';
+ $('body').prepend(html);
+ $('#pageAnimationOffOn').click(function () {
+ if ($(this).attr('data') == 'off') {
+ $('body').find('canvas').hide();
+ $('#pageAnimationOffOnIcon').rotate({animateTo:-360});
+ $('#pageAnimationOffOnText').text("打开页面特效");
+ $(this).attr('data', 'on');
+ } else {
+ $('body').find('canvas').show();
+ $('#pageAnimationOffOnIcon').rotate({animateTo:360});
+ $('#pageAnimationOffOnText').text("关闭页面特效");
+ $(this).attr('data', 'off');
+ }
+ });
+ }
};
/**
- * 初始化文章目录插件位置
+ * 设置菜单数据
*/
- this.initCatalog = function() {
- var sideToolbar = $('#sideToolbar');
- if (sideToolbar.length > 0) {
- var sideToolbarTop = $('.main-header').outerHeight();
- sideToolbar.css('top', (sideToolbarTop + 20) + 'px');
- bndongJs.resizeMonitor();
- sideToolbar.fadeIn(300);
- bndongJs.clearIntervalTimeId(timeIds.setCatalogTId);
+ this.setMenuData = function() {
+ var introduceHtml = $('#profile_block').html(), // 个人信息
+ sidebar = $('#sidebar_recentposts ul li'), // 最新随笔
+ toptags = $('#sidebar_toptags ul li'), // 我的标签
+ sbClassify = $('#sidebar_postcategory ul li'), // 随笔分类
+ sbRecord = $('#sidebar_postarchive ul li'), // 随笔档案
+ sbTopview = $('#TopViewPostsBlock ul li'), // 阅读排行
+ topDiggPosts = $('#TopDiggPostsBlock ul li'), // 推荐排行
+ menuIntroduce = $('#introduce'),
+ menuSidebar = $('#sb-sidebarRecentposts'),
+ menuToptags = $('#sb-toptags'),
+ menuClassify = $('#sb-classify'),
+ menuRecord = $('#sb-record'),
+ menuTopview = $('#sb-topview'),
+ menuTopDiggPosts = $('#sb-topDiggPosts');
+
+ // 添加个人信息
+ function setIntroduce() {
+ if ((typeof introduceHtml == 'string') && menuIntroduce.html() === '') {
+ menuIntroduce.html(tools.htmlFiltrationScript(introduceHtml));
+ bndongJs.clearIntervalTimeId(timeIds.setMenuIntroduceTId);
+ }
+ }
+
+ // 添加最新随笔
+ function setSidebar() {
+ if (sidebar.length > 0 && menuSidebar.html() === ''){
+ menuSidebar.html(getMenuData(sidebar, 'icon-time_fill')).prev('.m-list-title').show();
+ bndongJs.clearIntervalTimeId(timeIds.setMenuSidebarTId);
+ }
+ }
+
+ // 添加我的标签
+ function setToptags() {
+ if (toptags.length > 0 && menuToptags.html() === '') {
+ menuToptags.html(getMenuData(toptags, 'icon-label_fill')).prev('.m-list-title').show();
+ bndongJs.clearIntervalTimeId(timeIds.setMenuToptagsTId);
+ }
+ }
+
+ // 添加随笔分类
+ function setClassify() {
+ if (sbClassify.length > 0 && menuClassify.html() === '') {
+ menuClassify.html(getMenuData(sbClassify, 'icon-marketing_fill')).prev('.m-list-title').show();
+ bndongJs.clearIntervalTimeId(timeIds.setMenuClassifyTId);
+ }
+ }
+
+ // 添加随笔档案
+ function setRecord() {
+ if (sbRecord.length > 0 && menuRecord.html() === '') {
+ menuRecord.html(getMenuData(sbRecord, 'icon-task_fill')).prev('.m-list-title').show();
+ bndongJs.clearIntervalTimeId(timeIds.setMenuRecordTId);
+ }
+ }
+
+ // 添加阅读排行
+ function setTopview() {
+ if (sbTopview.length > 0 && menuTopview.html() === '') {
+ menuTopview.html(getMenuData(sbTopview, 'icon-browse_fill')).prev('.m-list-title').show();
+ bndongJs.clearIntervalTimeId(timeIds.setMenuTopviewTId);
+ }
+ }
+
+ // 添加推荐排行
+ function setTopDiggPosts() {
+ if (topDiggPosts.length > 0 && menuTopDiggPosts.html() === '') {
+ menuTopDiggPosts.html(getMenuData(topDiggPosts, 'icon-like_fill')).prev('.m-list-title').show();
+ bndongJs.clearIntervalTimeId(timeIds.setMenuTopDiggPostsTId);
+ }
+ }
+
+ // 添加自定义列表
+ function setCustomData() {
+ var customData = window.cnblogsConfig.menuCustomList;
+ if (Object.keys(customData).length > 0) {
+ $.each(customData, function (title, list) {
+ var html = '' + title + '
';
+ html += '';
+ // language=JQuery-CSS
+ $('#menuCustomList').append(html);
+ });
+ }
+ }
+
+ function getMenuData(obj, icon) {
+ var html = '- ';
+ var ret = /^[1-9]+[0-9]*$/;
+ obj.each(function (i) {
+ var o = $($(obj[i]).html());
+ var textArr = o.text().split('.');
+ if (ret.test(textArr[0])) textArr.splice(0,1);
+ var text = $.trim(textArr.join('.'));
+ var iconHtml = '';
+ o.html(iconHtml + text);
+ html += '
- ' + o.prop("outerHTML") + ' '; + }); + html += '
【'+window.cnblogsConfig.bottomText.left+''+window.cnblogsConfig.bottomText.right+'】
';
+ }
+
+ pvHtml +=
+ "ღゝ◡╹)ノ♡
" +
+ '' +
+ '';
+
+ var bgFooter = '',
+ rHref = 'https://github.com/'+window.cnblogsConfig.GhUserName+'/'+window.cnblogsConfig.GhRepositories+'/tree/'+window.cnblogsConfig.GhVersions;
+
+ // 添加页脚
+ footer.prepend(pvHtml).prepend(bgFooter).append(' / ThemeVersion: '
+ +(window.cnblogsConfig.GhVersions).substring(0,7)+'');
+
+ if (window.cnblogsConfig.themeAuthor && window.location.href.search("www.cnblogs.com/bndong") === -1 ) setTheme();
+ window.setInterval( setRunTime, 500 );
+ setBlogroll();
+ timeIds.setCnzzTId = window.setInterval( setCnzz, 1000 );
+
+ function setRunTime() {
+ var str = window.cnblogsConfig.blogStartDate;
+ str = str ? str : '2019-01-01';
+ var runDate = tools.getRunDate(str);
+ $('#blogRunTimeSpan').text('This blog has running : '+runDate.daysold+' d '+runDate.hrsold+' h '+runDate.minsold+' m '+runDate.seconds+' s');
+ }
+ function setBlogroll() {
+ if (window.cnblogsConfig.bottomBlogroll.length > 0) {
+ var blogrollArr = window.cnblogsConfig.bottomBlogroll;
+ var blogrollHtml = '友情链接：';
+ for(var i = 0; i < blogrollArr.length; i++) {
+ blogrollHtml += ''+(blogrollArr[i][0])+'';
+ if (i < blogrollArr.length-1) blogrollHtml += '/';
+ }
+ $('#blogrollInfo').html(blogrollHtml);
+ }
+ }
+ function setCnzz() {
+ // 请去 CNZZ 配置自己的，谢谢！！
+ var cnzzStat = $('.id_cnzz_stat_icon a');
+ if (cnzzStat.length > 0) {
+ var cnzzInfo = [];
+ var cnzzArr = $(cnzzStat[1]).text().split('|');
+ $.each(cnzzArr, function (i) {
+ var str = $.trim(cnzzArr[i]);
+ if (str != '') {
+ str = str.replace('今日','Today').replace('昨日','Yesterday').replace('[',':').replace(']','');
+ cnzzInfo.push(str)
+ }
+ });
+ cnzzInfo.push($(cnzzStat[2]).text().replace('当前在线','Online').replace('[',':').replace(']',''));
+ $('#cnzzInfo').text(cnzzInfo.join(' | '));
+ bndongJs.clearIntervalTimeId(timeIds.setCnzzTId);
+ }
+ }
+ function setTheme() {
+ $('#footer').prepend('');
+ setInterval(function(){
+ var footer = $('#footer');
+ var themeHtml = '- Theme Author：BNDong -