cainiaoblog 23.2.171

package/js/codeblock-resizer.js

@@ -0,0 +1,51 @@
++function($) {
+    'use strict';
+
+    // Resize code blocks to fit the screen width
+
+    var CodeBlockResizer = function(elem) {
+        this.$codeBlocks = $(elem);
+    };
+
+    CodeBlockResizer.prototype = {
+        /**
+         * Run main feature
+         */
+        run: function() {
+            var self = this;
+            // resize all codeblocks
+            self.resize();
+            // resize codeblocks when window is resized
+            $(window).smartresize(function() {
+                self.resize();
+            });
+        },
+
+        /**
+         * Resize codeblocks
+         */
+        resize: function() {
+            var self = this;
+            self.$codeBlocks.each(function() {
+                var $gutter = $(this).find('.gutter');
+                var $code = $(this).find('.code');
+                // get padding of code div
+                var codePaddings = $code.width() - $code.innerWidth();
+                // code block div width with padding - gutter div with padding + code div padding
+                var width = $(this).outerWidth() - $gutter.outerWidth() + codePaddings;
+                // apply new width
+                $code.css('width', width);
+                $code.children('pre').css('width', width);
+            });
+        }
+    };
+
+    $(document).ready(function() {
+        // register jQuery function to check if an element has an horizontal scroll bar
+        $.fn.hasHorizontalScrollBar = function() {
+            return this.get(0).scrollWidth > this.innerWidth();
+        };
+        var resizer = new CodeBlockResizer('figure.highlight');
+        resizer.run();
+    });
+}(jQuery);

package/js/dark.js

@@ -0,0 +1,12 @@
+(function () { 
+  var prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)');
+  var toggle = document.querySelector('.darkmode-toggle');
+  var html = document.querySelector('html');
+
+  html.dataset.dark = localStorage.dark || prefersDarkMode.matches;
+
+  toggle.addEventListener('click', () => {
+    localStorage.dark = !(html.dataset.dark == 'true');
+    html.dataset.dark = localStorage.dark;
+  });
+})()

package/js/donate.js

@@ -0,0 +1,87 @@
+(function ($) {
+	$.getUrlParam = function (name) {
+		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+		var r = window.location.search.substr(1).match(reg);
+		if (r && r[2] && r[2] != 'null' && r[2] != 'undefined' && r[2] != '') {
+			return unescape(r[2]);
+		} else {
+			return null;
+		}
+	}
+})(jQuery);
+jQuery(document).ready(function () {
+	// $("#github").attr('href', $.getUrlParam('GitHub') || "https://github.com/" + window.location.href.split(".github.io")[0].split("/").pop())
+	var QRBox = $('#QRBox');
+	var MainBox = $('#MainBox');
+	var count = 0;
+	$("li").hide();
+	if ($.getUrlParam('BTCQR') && $.getUrlParam('BTCKEY')) {
+		var BTCQR = $.getUrlParam('BTCQR'); // 二维码路径
+		var BTCKEY = $.getUrlParam('BTCKEY');
+		count++;
+		$("#BTC").show();
+		$("#BTC").addClass('yc')
+		$("#btc-key").attr("value", BTCKEY)
+	}
+	if ($.getUrlParam('AliPayQR')) {
+		var AliPayQR = $.getUrlParam('AliPayQR');
+		count++;
+		$("#AliPay").show();
+	}
+	if ($.getUrlParam('WeChatQR')) {
+		var WeChatQR = $.getUrlParam('WeChatQR');
+		count++;
+		$("#WeChat").show();
+	}
+	if ($.getUrlParam('UnionPayQR')) {
+		var UnionPayQR = $.getUrlParam('UnionPayQR');
+		count++;
+		$("#UnionPay").show();
+	}
+	if ($.getUrlParam('PayPal')) {
+		var PayPal = $.getUrlParam('PayPal');
+		count++;
+		$("#PayPal a").attr("href", PayPal)
+		$("#PayPal").show();
+	}
+
+	if (count == 0) {
+		$("#WeChat").after('<div id="ps">没有开启任何Donate选项!</div>');
+	}
+	$("#donateBox li,#donateBox li a").css("width", Math.ceil(74 + (74 * (4 - count) / count)) + "px");
+
+	function showQR(QR) {
+		if (QR) {
+			MainBox.css('background-image', 'url(' + QR + ')');
+		}
+		$('#DonateText,#donateBox,#github').addClass('blur');
+		QRBox.fadeIn(300, function (argument) {
+			MainBox.addClass('showQR');
+		});
+	}
+
+	$('#donateBox>li').click(function (event) {
+		var thisID = $(this).attr('id');
+		if (thisID === 'BTC') {
+			showQR(BTCQR);
+			new Clipboard('#BTCBn');
+		} else if (thisID === 'AliPay') {
+			showQR(AliPayQR);
+		} else if (thisID === 'WeChat') {
+			showQR(WeChatQR);
+		} else if (thisID === 'UnionPay') {
+			showQR(UnionPayQR);
+		}
+	});
+
+	MainBox.click(function (event) {
+		MainBox.removeClass('showQR').addClass('hideQR');
+		setTimeout(function (a) {
+			QRBox.fadeOut(300, function (argument) {
+				MainBox.removeClass('hideQR');
+			});
+			$('#DonateText,#donateBox,#github').removeClass('blur');
+		}, 600);
+
+	});
+});

package/js/fixedPage.js

@@ -0,0 +1,106 @@
+$(function () {
+  console.clear()
+  console.log("%c👀发现你了，观你骨骼惊奇，天赋世所罕见，前途不可限量！😎。", "color:#382a88;font-weight:bold;font-size:2em")
+  window.console = {}
+})
+
+$(function () {
+  var title = document.title
+  var titleTimer = null
+  document.addEventListener('visibilitychange', function () {
+    if (document.hidden) {
+      document.title = '😠 死鬼，快回来~ ' + title;
+      clearTimeout(titleTimer);
+    }
+    else {
+      document.title = '😜 嘻嘻，想你啦~ ' + title
+      titleTimer = setTimeout(function () {
+        document.title = title
+      }, 1e3)
+    }
+  })
+})
+
+$(function () {
+  var header = $('#header'),
+    navMenu = $('#nav-menu'),
+    layout = $('#layout'),
+    container = $('.body_container'),
+    contentContainer = $('.content_container'),
+    sidebar = $('#sidebar'),
+    contentContainerHeight = contentContainer.eq(0).outerHeight(true),
+    sidebarHeight = sidebar.outerHeight(true),
+    navOffsetTop = navMenu.offset ? navMenu.offset().top : 0,
+    headerHeight = header.outerHeight(true),
+    headerWidth = header.outerWidth(),
+    navHeight = navMenu.outerHeight(true),
+    marginTop = container.css('margin-top'),
+    marginBottom = container.css('margin-bottom'),
+    marginLeft = container.css('margin-left'),
+    marginRight = container.css('margin-right'),
+    paddingLeft = container.css('padding-left'),
+    paddingRight = container.css('padding-right'),
+    headerStyle = { 'position': 'fixed', 'top': 0, 'left': paddingLeft, 'right': paddingRight, 'z-index': 9999, 'height': navHeight + 'px', 'width': headerWidth, 'margin': marginTop + ' ' + marginRight + ' ' + marginBottom + ' ' + marginLeft, 'padding': 0, 'background-color': '#fff' },
+    timer = null
+
+  $('.pure-u-md-1-4').after($('#layout > .google-auto-placed'))
+  if (contentContainerHeight < sidebarHeight) contentContainer.css('min-height', sidebarHeight + 'px')
+
+  fixedNav()
+
+  $(window).scroll(function () {
+    clearTimeout(timer)
+    timer = setTimeout(function () {
+      fixedNav()
+    });
+  })
+
+  function fixedNav () {
+    if (navOffsetTop - $(window).scrollTop() <= 0) {
+      navMenu.siblings().hide()
+      header.css(headerStyle)
+      if (layout.prev().hasClass('google-auto-placed')) {
+        header.next().css('padding-top', headerHeight)
+        layout.css('padding-top', 0)
+      }
+      else layout.css('padding-top', headerHeight)
+    } else {
+      headerHeight = header.outerHeight(true)
+      navOffsetTop = navMenu.offset ? navMenu.offset().top : 0
+      navMenu.siblings().show()
+      header.removeAttr('style')
+      if (layout.prev().hasClass('google-auto-placed')) header.next().css('padding-top', 0)
+      else layout.css('padding-top', 0)
+    }
+  }
+
+})
+
+$(function () {
+  function grayFilter () {
+    $('html').addClass('grayscale1')
+  }
+  /**
+   * 12/13 南京大屠杀死难者国家公祭日
+  */
+  var _nowDate, _dates = ['12/13']
+  _nowDate = new Date()
+  var _m = _nowDate.getMonth() + 1
+  var _d = _nowDate.getDate()
+  var _md = `${_m}/${_d}`
+  var _isGray = _dates.includes(_md)
+  if (_isGray) {
+    grayFilter()
+  }
+})
+
+$(function () {
+  if (window.location.hash) {
+    var checkExist = setTimeout(function () {
+      if ($(window.location.hash).length) {
+        $('html, body').animate({ scrollTop: $(window.location.hash).offset().top - 50 }, 1000);
+        clearInterval(checkExist);
+      }
+    }, 100);
+  }
+})