cainiaoblog 23.2.171

package/js/search.js

@@ -0,0 +1,86 @@
+var searchFunc = function(path, search_id, content_id) {
+    'use strict';
+    $.ajax({
+        url: path,
+        dataType: "xml",
+        success: function( xmlResponse ) {
+            // get the contents from search data
+            var datas = $( "entry", xmlResponse ).map(function() {
+                return {
+                    title: $("title", this).text(),
+                    content: $("content", this).text(),
+                    url: $("url", this).text()
+                };
+            }).get();
+            var $input = document.getElementById(search_id);
+            var $resultContent = document.getElementById(content_id);
+            $input.addEventListener('input', function(){
+                var str='<ul class=\"search-result-list\">';
+                var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
+                $resultContent.innerHTML = "";
+                if (this.value.trim().length <= 0) {
+                    return;
+                }
+                // perform local searching
+                datas.forEach(function(data) {
+                    var isMatch = true;
+                    var content_index = [];
+                    var data_title = data.title.trim().toLowerCase();
+                    var data_content = data.content.trim().replace(/<[^>]+>/g,"").toLowerCase();
+                    var data_url = data.url;
+                    var index_title = -1;
+                    var index_content = -1;
+                    var first_occur = -1;
+                    // only match artiles with not empty titles and contents
+                    if(data_title != '' && data_content != '') {
+                        keywords.forEach(function(keyword, i) {
+                            index_title = data_title.indexOf(keyword);
+                            index_content = data_content.indexOf(keyword);
+                            if( index_title < 0 && index_content < 0 ){
+                                isMatch = false;
+                            } else {
+                                if (index_content < 0) {
+                                    index_content = 0;
+                                }
+                                if (i == 0) {
+                                    first_occur = index_content;
+                                }
+                            }
+                        });
+                    }
+                    // show search results
+                    if (isMatch) {
+                        str += "<li><a href='"+ data_url +"' class='search-result-title'>"+ data_title +"</a>";
+                        var content = data.content.trim().replace(/<[^>]+>/g,"");
+                        if (first_occur >= 0) {
+                            // cut out 100 characters
+                            var start = first_occur - 30;
+                            var outLength = 78;
+                            if(start < 0){
+                                start = 0;
+                            }
+                            if (start + outLength > content.length){
+                                if(content.length < outLength){
+                                    outLength = content.length - start;
+                                }else{
+                                    start = content.length - outLength;
+                                }
+                            }
+                            var match_content = content.substr(start, outLength);
+                            // highlight all keywords
+                            keywords.forEach(function(keyword){
+                                var regS = new RegExp(keyword, "gi");
+                                match_content = match_content.replace(regS, "<em class=\"search-keyword\">"+keyword+"</em>");
+                            });
+
+                            str += "<p class=\"search-result\">" + match_content +"...</p>"
+                        }
+                        str += "</li>";
+                    }
+                });
+                str += "</ul>";
+                $resultContent.innerHTML = str;
+            });
+        }
+    });
+}

package/js/share.js

@@ -0,0 +1,60 @@
+(function ($) {
+
+  // article-share
+  $('body').on('click', function () {
+    $('.article-share-box.on').removeClass('on');
+  }).on('click', '.article-share-link', function (e) {
+    e.stopPropagation();
+
+    var $this = $(this),
+      url = $this.attr('data-url'),
+      qrcode_img = $this.attr('data-qrcode'),
+      encodedUrl = encodeURIComponent(url),
+      id = 'article-share-box-' + $this.attr('data-id'),
+      title = document.title,
+      offset = $this.offset();
+
+    if ($('#' + id).length) {
+      var box = $('#' + id);
+
+      if (box.hasClass('on')) {
+        box.removeClass('on');
+        return;
+      }
+    } else {
+      var html = [
+        '<div id="' + id + '" class="article-share-box">',
+        '<input class="article-share-input" value="' + url + '">',
+        '<div class="article-share-links">',
+        '<a href="//twitter.com/intent/tweet?url=' + encodedUrl + '" class="article-share-twitter" target="_blank" title="Twitter"></a>',
+        '<a href="//www.facebook.com/sharer.php?u=' + encodedUrl + '" class="article-share-facebook" target="_blank" title="Facebook"></a>',
+        '<a href="//service.weibo.com/share/share.php?title=' + title + '&url=' + encodedUrl + '&searchPic=true&style=number' + '" class="article-share-weibo" target="_blank" title="Weibo"></a>',
+        '<a href="javascript:" class="article-share-qrcode" target="_self"></a>',
+        '<div class="qrcode"><img src=' + qrcode_img + ' alt=""></div>',
+        '</div>',
+        '</div>'
+      ].join('');
+
+      var box = $(html);
+
+      $('body').append(box);
+    }
+
+    $('.article-share-box.on').hide();
+
+    box.css({
+      top: offset.top + 25,
+      left: offset.left
+    }).addClass('on');
+  }).on('click', '.article-share-box', function (e) {
+    e.stopPropagation();
+  }).on('click', '.article-share-box-input', function () {
+    $(this).select();
+  }).on('click', '.article-share-box-link', function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
+  });
+
+})(jQuery);

package/js/smartresize.js

@@ -0,0 +1,32 @@
++(function($, sr) {
+    // debouncing function from John Hann
+    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+    var debounce = function(func, threshold, execAsap) {
+        var timeout;
+
+        return function debounced() {
+            var obj = this, args = arguments;
+
+            function delayed() {
+                if (!execAsap) {
+                    func.apply(obj, args);
+                }
+
+                timeout = null;
+            };
+
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+            else if (execAsap) {
+                func.apply(obj, args);
+            }
+
+            timeout = setTimeout(delayed, threshold || 100);
+        };
+    };
+
+    jQuery.fn[sr] = function(fn) {
+        return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);
+    };
+})(jQuery, 'smartresize');

package/js/totop.js

@@ -0,0 +1,12 @@
+$(window).scroll(function() {
+    $(window).scrollTop() > 500 ? $("#rocket").addClass("show") : $("#rocket").removeClass("show");
+});
+$("#rocket").click(function() {
+    $("#rocket").addClass("launch");
+    $("html, body").animate({
+        scrollTop: 0
+    }, 500, function() {
+        $("#rocket").removeClass("show launch");
+    });
+    return false;
+});

package/kankan/index.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html><html lang="zh-CN" data-dark><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta name="description" content="前端壹菜鸟，记录工作难题，关注前端知识，收集精彩博文，做技术的搬运工"><meta name="msvalidate.01" content="0FE4D8B3381D3D87088996B886E1E2BD"><title> | 前端壹菜鸟</title><link rel="stylesheet" type="text/css" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/css/style.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/normalize.css@latest/normalize.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/purecss@latest/build/pure-min.min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/purecss@latest/build/grids-responsive-min.css"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"><link rel="icon" mask="" sizes="any" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.ico"><link rel="Shortcut Icon" type="image/x-icon" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.ico"><link rel="apple-touch-icon" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.png"><link rel="apple-touch-icon-precomposed" href="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/blog.png"><link rel="alternate" type="application/atom+xml" href="/atom.xml"><script type="text/javascript" src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8385136408348258"></script><script src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" async></script><script>(function(){
+  var bp = document.createElement('script');
+  var curProtocol = window.location.protocol.split(':')[0];
+  if (curProtocol === 'https'){
+    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
+  }
+  else{
+    bp.src = 'http://push.zhanzhang.baidu.com/push.js';
+  }
+  var s = document.getElementsByTagName("script")[0];
+  s.parentNode.insertBefore(bp, s);
+})();
+</script><script>(function(){
+  var src = 'https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba';
+  document.write('<script src="' + src + '" id="sozz"><\/script>');
+})();
+</script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
+</script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
+</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-page"></h2><div class="post-content"><!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="pragma" content="no-cache">
+  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+  <link rel="icon" sizes="any" mask="" href="https://i.niupic.com/images/2022/12/09/abU8.jpg">
+  <title>看看</title>
+<style type="text/css">*{box-sizing:border-box;-webkit-box-sizing:border-box}body,html{margin:0;padding:0;background-color:#fff;font-size:14px}a{text-decoration:none}.main{padding:0}.info,.main{height:100%}img[src=""]{opacity:0}.bottom-wrap .head-content *,.list-wrap ul li,.logo-wrap *{vertical-align:middle}.downloads-content .package,.pc-info .mask{visibility:hidden}.main{text-align:center;margin:0 auto;max-width:100%;width:700px}.info{position:relative}.downloads-wrap,.logo-wrap{width:100%}.downloads-wrap{bottom:0;position:absolute}.logo-wrap{padding-top:30px}.logo-wrap>img{border-radius:5px;width:79px;height:79px}.logo-wrap h2{font-size:18px;color:#2a2a2a;font-weight:700}.desc-content h2,.screenshots-content h2{font-weight:400;font-size:15px;color:#2a2a2a}.logo-wrap p{margin-top:21px;font-size:18px;font-weight:400;color:#2a2a2a;padding:0 20px}.logo-wrap #show_qrcode{display:block;font-size:10px;color:#007aff;text-decoration:none;margin-top:28px}.logo-wrap #show_qrcode>img{width:11px;height:11px}.logo-wrap #show_qrcode>span{display:inline-block;margin-left:10px}.command-content p{display:inline-block;font-size:12px;color:#2a2a2a}.command-content .stream-token{font-size:12px;color:#2a2a2a;background-color:#f8f8f8;border-radius:3px;padding:5px}.command-content a{display:inline-block;font-size:11px;color:#007aff;width:50px}.qrcode-content{display:none;margin-top:50px;margin-bottom:20px;font-size:20px}.qrcode-content img{width:120px;height:120px}.qrcode-content span{display:block}.qrcode-content .code{display:inline-block;color:#007aff}.qrcode-content p{margin:0;padding:0;display:inline-block}.btn-primary,.btn-secondary{background-color:#007aff;color:#fff;margin-top:10px}.btn{font-size:12px;width:288px;height:40px;line-height:40px;border-radius:5px;outline:0}.btn-primary{border:1px solid #007aff}.btn-secondary{border:1px solid #fff;margin-bottom:10px}.btn.stream{background-color:#fff;color:#007aff}.more img{height:10px;margin-bottom:5px}.more.down img{transform:rotateX(0)}.more.up img{transform:rotateX(180deg)}.screenshots-content{border-top:1px solid #bfbfbf;margin:0 15px;padding:0 24px;position:relative}.screenshots-content h2{margin-top:40px;margin-bottom:21px;text-align:left}.list-wrap{overflow-x:auto;white-space:nowrap;margin-bottom:36px;margin-left:39px}.list-wrap ul{display:block;list-style:none;white-space:nowrap;-webkit-padding-start:0;-moz-padding-start:0}.bottom-wrap .tips-content .tip-desc,.desc-content pre{white-space:pre-wrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;word-break:break-all}.list-wrap ul li{display:inline-block;margin:0 9px}.list-wrap ul li:first-child{margin:0 9px 0 0}.list-wrap ul li img{width:176px;height:311px;border:1px solid #949494}.desc-content{border-top:1px solid #bfbfbf;margin:0 15px 36px;padding:0 24px;text-align:center}.desc-content h2{margin-top:40px;margin-bottom:21px;text-align:left}.desc-content pre{width:100%;font-size:14px;color:#2a2a2a;text-align:left}.footer{text-align:center;padding:20px;border-top:1px solid #dae2e3}.show{display:block}.hide{display:none!important}.overlay{width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:200;position:fixed}.bottom-wrap{position:absolute;bottom:0;z-index:201;width:100%;padding-bottom:18px;background-color:#fff}.bottom-wrap .head-content{padding:12px 0;text-align:left;margin-left:21px}.bottom-wrap .head-content img{display:inline-block;width:28px;height:28px}.bottom-wrap .head-content h2{display:inline-block;font-size:15px;font-weight:700;color:#313131;margin-left:10px}.bottom-wrap .tips-content{text-align:left;margin-left:21px;margin-right:21px;border-top:1px solid #bfbfbf}.bottom-wrap .tips-content .tip-desc{font-size:13px}.bottom-wrap .tips-content .tip-title{font-size:14px;color:#313131;margin:8px 0 0;font-weight:400}.bottom-wrap .tips-content .tip-token{font-size:13px;color:#313131;margin:8px 0 0;display:inline-block;padding:3px;background-color:#96d2fa}.bottom-wrap .tips-content .tip-guide{font-size:14px;margin:8px 0 0}.bottom-wrap .tips-content .guide-launch{margin:15px 0}.bottom-wrap .tips-content ul{-webkit-padding-start:21px}.bottom-wrap .tips-content ul li{margin:0;padding:0;-webkit-padding-start:0}.bottom-wrap button{width:327px}.qrcode-wrap{position:absolute;width:320px;height:350px;background-color:#fff;top:50%;left:50%;margin-top:-164px;margin-left:-160px;border-radius:5px}.qrcode-wrap div.close{display:block;width:30px;height:30px;position:absolute;right:15px;top:10px}.qrcode-wrap div.close img{width:14px;height:14px;margin-top:8px}.qrcode-wrap .kuaima-wrap{width:211px;height:211px;display:inline-block;margin-top:28px;border:1px solid #8eceab;background-color:#fbfffe;border-radius:5px}.qrcode-wrap .kuaima-wrap .qrcode{width:161px;height:161px;margin-top:25px}.qrcode-wrap .kuaima-wrap .app-name{display:block;font-size:12px}.qrcode-wrap .channel{width:211px}.qrcode-wrap .desc{color:#c5c5c5;font-size:12px}.pc-info{display:none;position:relative;text-align:left;margin-top:80px}.pc-name h2{font-size:24px;color:#2a2a2a;font-weight:700}.pc-name p{font-size:22px;color:#2a2a2a;font-weight:400;margin-top:30px;width:520px;word-wrap:break-word;word-break:break-all;overflow:hidden}.contact-list-item .contact-title,.h5-title,.mp-title-input{font-weight:700}.btn-download{width:260px;background-color:#fff;border:1px solid #007aff;color:#007aff}.btn-download .icon{margin-right:5px;line-height:14px}@font-face{font-family:publish_iconfont;src:url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJXA0gLAAABfAAAAFZjbWFwzutqLwAAAeQAAAGcZ2x5ZgSWU8gAAAOMAAACoGhlYWQO/QtoAAAA4AAAADZoaGVhB94DhQAAALwAAAAkaG10eA/pAAAAAAHUAAAAEGxvY2EBxgD+AAADgAAAAAptYXhwARQAawAAARgAAAAgbmFtZTdoE1AAAAYsAAACzXBvc3S1lTxNAAAI/AAAADsAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAQAAQAAAAEAAHoF6RlfDzz1AAsEAAAAAADV7uPeAAAAANXu494AAP9rBAADRAAAAAgAAgAAAAAAAAABAAAABABfAAYAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQP6AZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjmHwOA/4AAXAOAAJUAAAABAAAAAAAABAAAAAPpAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFoAAEAAAAAAGIAAwABAAAALAADAAoAAAFoAAQANgAAAAgACAACAAAAeOYW5h///wAAAHjmFuYf//8AAAAAAAAAAQAIAAgACAAAAAEAAgADAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAA0AAAAAAAAAAMAAAB4AAAAeAAAAAEAAOYWAADmFgAAAAIAAOYfAADmHwAAAAMAAAAAAHYA/gFQAAAABQAA/+EDvAMYABMAKAAxAEQAUAAAAQYrASIOAh0BISc0LgIrARUhBRUXFA4DJyMnIQcjIi4DPQEXIgYUFjI2NCYXBgcGDwEOAR4BMyEyNicuAicBNTQ+AjsBMhYdAQEZGxpTEiUcEgOQAQoYJx6F/koCogEVHyMcDz4t/kksPxQyIBMIdwwSEhkSEowIBgUFCAICBA8OAW0XFgkFCQoG/qQFDxoVvB8pAh8BDBknGkxZDSAbEmGING4dJRcJAQGAgAETGyAOpz8RGhERGhF8GhYTEhkHEA0IGBoNIyQUAXfkCxgTDB0m4wAAAAAGAAD/awN/AvAADAAhACsANQBDAF4AACUiJj0BNDYyFh0BFAYBMScmNh8BNjIXNzYWDwEeARchPgEFMT4BNCYiBhQWBzE+ATQmIgYUFgMxIiY9ATQ2MhYdARQGBTEOAQcjFRQGIiYnNSMVDgEiJic1Iy4BNREhA18OEhIbExP+ETgGEgc6MnczOgcRBTgxQQr+AQtBASIOEhIbEhLQDhISHBIS4g0TExsSEgJQASAZKB8uHwFhAR4vHgEoGCEB/qwSDcINEhINwg0SAehHCAwHSRYWSQcMCEcbVzY2V0wBERkRERkRAQERGRERGRH+fhINwg0SEg3CDRJPGB8BhBYeHhaEhBYeHhaEAR8YAU8AAAIAAP+/A4gDRAAjAC8AAAE+ATcuASMmBgcuAScOAQcGEhceATM+ATceARc+ATc+ATcGJgM+AScOAQcOARcWNgMGBlkKLmkaOWMdHVMvP2kgPDdCHksvKz81ND4tMUUeIx8BCXCCGR0EJk0bGR8EKkwBZVVVAjghAigEAyMCAjs0bP7/WCtHBB8CAx8CA0EqMkoEAVMBsx1KKAIlHRpKJwIkAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAQABUAAQAAAAAAAgAHACUAAQAAAAAAAwAQACwAAQAAAAAABAAQADwAAQAAAAAABQALAEwAAQAAAAAABgAQAFcAAQAAAAAACgArAGcAAQAAAAAACwATAJIAAwABBAkAAAAqAKUAAwABBAkAAQAgAM8AAwABBAkAAgAOAO8AAwABBAkAAwAgAP0AAwABBAkABAAgAR0AAwABBAkABQAWAT0AAwABBAkABgAgAVMAAwABBAkACgBWAXMAAwABBAkACwAmAckKQ3JlYXRlZCBieSBpY29uZm9udApwdWJsaXNoX2ljb25mb250UmVndWxhcnB1Ymxpc2hfaWNvbmZvbnRwdWJsaXNoX2ljb25mb250VmVyc2lvbiAxLjBwdWJsaXNoX2ljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAcAB1AGIAbABpAHMAaABfAGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAHAAdQBiAGwAaQBzAGgAXwBpAGMAbwBuAGYAbwBuAHQAcAB1AGIAbABpAHMAaABfAGkAYwBvAG4AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAcAB1AGIAbABpAHMAaABfAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAQIBAwEEAQUAAXgHYW5kcm9pZANpb3MAAAA=) format("truetype")}.publish_iconfont{font-family:publish_iconfont!important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}#pc_download .btn-download,#pc_download_plus .btn-download{display:inline-block;text-decoration:none;text-align:center}.pc-download.plus-app{display:flex;position:relative;flex-direction:row;padding-top:50px;padding-bottom:50px}.pc-download.plus-app.center{justify-content:center}.pc-download.plus-app .qrcode-row{display:inline-block;width:200px;text-align:center}.pc-download.plus-app .qrcode-row .qrcode-img{width:200px;height:200px}.pc-download.plus-app .qrcode-row .app-tip{margin:0}.pc-download.plus-app .btn-row{display:inline-flex;flex-direction:column;margin-left:80px;justify-content:center}.pc-download.plus-app .btn-row .btn-download{margin:15px 0;width:240px}.pc-download.plus-app:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";transform:scaleY(.5);background-color:#c8c7cc}@media only screen and (min-width:768px){.info.mobile{display:none}.pc-info{display:block}.desc-content{padding:0;margin:0 0 80px;border:none}.desc-content pre{color:#818181;font-size:14px}.desc-content h2{font-size:22px;margin-bottom:40px}.screenshots-content{border:none;margin:0;padding:0}.screenshots-content h2{font-size:22px;margin-bottom:40px}.list-wrap{margin-left:0}.tab-item{font-size:20px!important}}@media only screen and (max-width:320px){body{font-size:12px}}.command-content p{width:288px;text-align:left;position:relative}.command-content p .stream-token{width:230px;border:none}.command-content .copy-command{text-align:center;position:absolute;right:0;top:-5px;font-size:14px;line-height:14px;width:auto;background-color:#c5c5c5;color:#fff;padding:6px;border-radius:3px;text-decoration:none}.pc-logo{position:absolute;left:-126px}.pc-logo img{border-radius:5px;width:90px;height:90px}.pc-barcode{position:absolute;right:0;width:160px;height:160px;border:1px solid #8eceab;background-color:#fbfffe;border-radius:5px;text-align:center}.pc-barcode .kuaima-wrap .qrcode{width:120px;height:120px;margin-top:15px}.pc-barcode .kuaima-wrap .app-name{display:block;font-size:12px}.pc-barcode .tip{color:#296a43;margin-top:10px;font-size:14px}.bottom-wrap .head-content .loading-tip{display:inline-block;position:absolute;font-size:12px;right:21px;color:#c5c5c5}.loading-tip .spinner{margin-right:5px}.spinner{display:inline-block;width:16px;height:16px;transform-origin:50%;animation:a 1s step-end infinite}.spinner:after{display:block;width:100%;height:100%;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%}#download_list a.stream,.pc-info .mask a,.tab-item{display:inline-block;text-decoration:none}@keyframes a{0%{transform:rotate(0)}8.33333333%{transform:rotate(30deg)}16.66666667%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.33333333%{transform:rotate(120deg)}41.66666667%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.33333333%{transform:rotate(210deg)}66.66666667%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.33333333%{transform:rotate(300deg)}91.66666667%{transform:rotate(330deg)}to{transform:rotate(1turn)}}.tip-button-row{text-align:right;padding-right:21px}.pc-info .mask,.tab-content.pc .tab-content-item.app,.tab-content.pc .tab-content-item.mp{text-align:center}.tip-button-row .tip-btn{border:none;height:30px;border-radius:3px;color:#fff;margin:0;padding:0;font-size:12px}.app-tip,.mp-tip,.share-tip{font-size:14px}.tip-button-row .tip-btn.tip-btn-primary{width:70px;background-color:#007aff}.tip-button-row .tip-btn.tip-btn-cancel{background-color:transparent;color:#007aff;width:40px}.pc-info .mask{position:absolute;right:0;width:162px;height:162px;background-color:rgba(0,0,0,.6);border-radius:3px;cursor:pointer}.pc-info .mask a{width:100%;color:#fff;line-height:160px}#download_list .btn.stream.disabled{background-color:#ccc;border-color:#ccc;color:#fff}.tab{border-bottom:1px solid #f7f7f7}.tab-item{padding:10px 18px;margin:0 30px;color:#007aff;font-size:16px}.h5-link,.mp-clip,.mp-title-copy,.website-url{text-decoration:underline}.tab-item.active{border-bottom:2px solid #007aff;font-weight:700}.tab-content{border-bottom:1px solid #f7f7f7;padding:50px 0}.pc-download{margin:0}.tab-content-item{display:none}.pkg-download,.tab-content-item.active,.website-url{display:block}.tab-content.pc .tab-content-item{height:350px}.app-qrcode{border:1px solid #279a36;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.mp-qrcode{width:135px;height:135px;margin-top:20px}.list-media{position:relative;padding:11px 15px}.list-media-object{float:left;width:42px;height:42px;margin-right:15px}.list-media-body{height:42px;position:relative}.pc-share,.toast{position:absolute}.list-media-desc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#8f8f94;margin:0}.contact-list{padding:30px 0 0 50px}.contact-list-item{padding:5px}.contact-list-item .contact-text{color:#007aff}.tab-wrap{bottom:10px;width:100%}#mb_tab .tab-item{margin:0}.pkg-download{margin:0 auto;width:300px;background-color:#007aff;border:1px solid #007aff;color:#fff;padding:8px 10px;border-radius:5px}#mb_tab_content{border:none;padding:15px 0}@media only screen and (min-height:650px)</div></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
+const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
+const locale = {
+  placeholder: '请正确填写昵称和邮箱，方便接收回复通知~',
+  sofa: '沙发空缺中，还不快抢~',
+};
+Waline.init({
+  el: '#vcomment',
+  serverURL: serverURL,
+  pageSize: '20',
+  visitor: true, // 阅读量统计
+  requiredMeta: ['nick', 'mail'],
+  emoji: [
+    'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/weibo',
+    'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/qq',
+    'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/tw-emoji',
+  ],
+  locale,
+  pageview: true
+})
+</script></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
+  var val = $(this).val()
+  var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
+  var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
+  var baidu = '<form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"><input type="hidden" name="si" value="xuehuayu.cn"><input type="hidden" name="cl" value="3"><input type="hidden" name="ct" value="2097152"><input type="hidden" name="s" value="on"><input class="search-submit" type="submit" value=""/></form>'
+
+  if (val === 'self') {
+      $('#search').html(self)
+      var search_path = 'search.xml';
+      if (search_path.length == 0) {
+        search_path = 'search.xml';
+      }
+      var path = 'https://cdn.staticaly.com/gh/npljy/npljy.github.io/main/' + search_path;
+      searchFunc(path, 'local-search-input', 'local-search-result');
+  } else if (val === 'baidu') {
+      $('#search').html(baidu)
+  } else if (val === 'google') {
+      $('#search').html(google)
+  }
+})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">191</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/c5576490.html">面试准备</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
+  var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
+  if (cnb) {
+    var gxba =document.getElementById('gxba')
+    var gaba =document.getElementById('gaba')
+    var gabaLink =document.getElementById('gaba-link')
+    gxba.innerText ='京ICP备20007647号-1'
+    gaba.innerText ='京公网安备 11010802031254号'
+    gabaLink.setAttribute('href','http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031254')
+  }
+})()</script></div><div class="flex-block justify-center align-center flex-wrap"><a rel="nofollow" target="_blank" href="https://v6.51.la/s/Guz3lwHCsVme9Cu"><div class="busuanzi_container" id="busuanzi_container"><span class="busuanzi_container_site_pv" id="busuanzi_container_site_pv">访问量：<span id="busuanzi_value_site_pv"><i class="fa fa-spinner"></i></span></span><span class="busuanzi_container_site_uv" id="busuanzi_container_site_uv">访客数：<span id="busuanzi_value_site_uv"><i class="fa fa-spinner"></i></span></span><span style="padding-right: 10px;"></span></div></a><a rel="nofollow" target="_blank" href="https://www.upyun.com/?utm_source=lianmeng&amp;utm_medium=referral"><span style="font-weight:bold;letter-spacing: 1px;">本网站由 </span><img class="nofancybox" height="32" style="vertical-align: middle" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/upy_logo.min.svg" alt=""/><span style="font-weight:bold;letter-spacing: 1px;">提供CDN加速/云存储服务</span></a><span style="padding-right: 10px;"></span><a rel="nofollow" style="font-size:18px;font-weight:bold;vertical-align: middle" target="_blank" title="注册就送代金券可直接使用" href="https://console.upyun.com/register/?invite=HyDsjZHIL">注册</a></div></div></div></div><a class="show" id="rocket" href="#top"></a><div class="darkmode-toggle">🌓</div><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/totop.min.js" async></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/dark.min.js" async></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/codeblock-resizer.min.js"></script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/smartresize.min.js"></script></div></body></html>

package/lib/hbe.js

@@ -0,0 +1,293 @@
+(() => {
+  'use strict';
+
+  const cryptoObj = window.crypto || window.msCrypto;
+  const storage = window.localStorage;
+
+  const storageName = 'hexo-blog-encrypt:#' + window.location.pathname;
+  const keySalt = textToArray('hexo-blog-encrypt的作者们都是大帅比!');
+  const ivSalt = textToArray('hexo-blog-encrypt是地表最强Hexo加密插件!');
+
+// As we can't detect the wrong password with AES-CBC,
+// so adding an empty div and check it when decrption.
+const knownPrefix = "<hbe-prefix></hbe-prefix>";
+
+  const mainElement = document.getElementById('hexo-blog-encrypt');
+  const wrongPassMessage = mainElement.dataset['wpm'];
+  const wrongHashMessage = mainElement.dataset['whm'];
+  const dataElement = mainElement.getElementsByTagName('script')['hbeData'];
+  const encryptedData = dataElement.innerText;
+  const HmacDigist = dataElement.dataset['hmacdigest'];
+
+  function hexToArray(s) {
+    return new Uint8Array(s.match(/[\da-f]{2}/gi).map((h => {
+      return parseInt(h, 16);
+    })));
+  }
+
+  function textToArray(s) {
+    var i = s.length;
+    var n = 0;
+    var ba = new Array()
+
+    for (var j = 0; j < i;) {
+      var c = s.codePointAt(j);
+      if (c < 128) {
+        ba[n++] = c;
+        j++;
+      } else if ((c > 127) && (c < 2048)) {
+        ba[n++] = (c >> 6) | 192;
+        ba[n++] = (c & 63) | 128;
+        j++;
+      } else if ((c > 2047) && (c < 65536)) {
+        ba[n++] = (c >> 12) | 224;
+        ba[n++] = ((c >> 6) & 63) | 128;
+        ba[n++] = (c & 63) | 128;
+        j++;
+      } else {
+        ba[n++] = (c >> 18) | 240;
+        ba[n++] = ((c >> 12) & 63) | 128;
+        ba[n++] = ((c >> 6) & 63) | 128;
+        ba[n++] = (c & 63) | 128;
+        j += 2;
+      }
+    }
+    return new Uint8Array(ba);
+  }
+
+  function arrayBufferToHex(arrayBuffer) {
+    if (typeof arrayBuffer !== 'object' || arrayBuffer === null || typeof arrayBuffer.byteLength !== 'number') {
+      throw new TypeError('Expected input to be an ArrayBuffer')
+    }
+
+    var view = new Uint8Array(arrayBuffer)
+    var result = ''
+    var value
+
+    for (var i = 0; i < view.length; i++) {
+      value = view[i].toString(16)
+      result += (value.length === 1 ? '0' + value : value)
+    }
+
+    return result
+  }
+
+  async function getExecutableScript(oldElem) {
+    let out = document.createElement('script');
+    const attList = ['type', 'text', 'src', 'crossorigin', 'defer', 'referrerpolicy'];
+    attList.forEach((att) => {
+      if (oldElem[att])
+        out[att] = oldElem[att];
+    })
+
+    return out;
+  }
+
+  async function convertHTMLToElement(content) {
+    let out = document.createElement('div');
+    out.innerHTML = content;
+    out.querySelectorAll('script').forEach(async (elem) => {
+      elem.replaceWith(await getExecutableScript(elem));
+    });
+
+    return out;
+  }
+
+  function getKeyMaterial(password) {
+    let encoder = new TextEncoder();
+    return cryptoObj.subtle.importKey(
+      'raw',
+      encoder.encode(password),
+      {
+        'name': 'PBKDF2',
+      },
+      false,
+      [
+        'deriveKey',
+        'deriveBits',
+      ]
+    );
+  }
+
+  function getHmacKey(keyMaterial) {
+    return cryptoObj.subtle.deriveKey({
+      'name': 'PBKDF2',
+      'hash': 'SHA-256',
+      'salt': keySalt.buffer,
+      'iterations': 1024
+    }, keyMaterial, {
+      'name': 'HMAC',
+      'hash': 'SHA-256',
+      'length': 256,
+    }, true, [
+      'verify',
+    ]);
+  }
+
+  function getDecryptKey(keyMaterial) {
+    return cryptoObj.subtle.deriveKey({
+      'name': 'PBKDF2',
+      'hash': 'SHA-256',
+      'salt': keySalt.buffer,
+      'iterations': 1024,
+    }, keyMaterial, {
+      'name': 'AES-CBC',
+      'length': 256,
+    }, true, [
+      'decrypt',
+    ]);
+  }
+
+  function getIv(keyMaterial) {
+    return cryptoObj.subtle.deriveBits({
+      'name': 'PBKDF2',
+      'hash': 'SHA-256',
+      'salt': ivSalt.buffer,
+      'iterations': 512,
+    }, keyMaterial, 16 * 8);
+  }
+
+  async function verifyContent(key, content) {
+    const encoder = new TextEncoder();
+    const encoded = encoder.encode(content);
+
+    let signature = hexToArray(HmacDigist);
+
+    const result = await cryptoObj.subtle.verify({
+      'name': 'HMAC',
+      'hash': 'SHA-256',
+    }, key, signature, encoded);
+    console.log(`Verification result: ${result}`);
+    if (!result) {
+      alert(wrongHashMessage);
+      console.log(`${wrongHashMessage}, got `, signature, ` but proved wrong.`);
+    }
+    return result;
+  }
+
+  async function decrypt(decryptKey, iv, hmacKey) {
+    let typedArray = hexToArray(encryptedData);
+
+    const result = await cryptoObj.subtle.decrypt({
+      'name': 'AES-CBC',
+      'iv': iv,
+    }, decryptKey, typedArray.buffer).then(async (result) => {
+      const decoder = new TextDecoder();
+      const decoded = decoder.decode(result);
+
+      // check the prefix, if not then we can sure here is wrong password.
+      if (!decoded.startsWith(knownPrefix)) {
+        throw "Decode successfully but not start with KnownPrefix.";
+      }
+
+      const hideButton = document.createElement('button');
+      hideButton.textContent = 'Encrypt again';
+      hideButton.type = 'button';
+      hideButton.classList.add("hbe-button");
+      hideButton.addEventListener('click', () => {
+        window.localStorage.removeItem(storageName);
+        window.location.reload();
+      });
+
+      document.getElementById('hexo-blog-encrypt').style.display = 'inline';
+      document.getElementById('hexo-blog-encrypt').innerHTML = '';
+      document.getElementById('hexo-blog-encrypt').appendChild(await convertHTMLToElement(decoded));
+      document.getElementById('hexo-blog-encrypt').appendChild(hideButton);
+
+      // support html5 lazyload functionality.
+      document.querySelectorAll('img').forEach((elem) => {
+        if (elem.getAttribute("data-src") && !elem.src) {
+          elem.src = elem.getAttribute('data-src');
+        }
+      });
+
+      // support theme-next refresh
+      window.NexT && NexT.boot && typeof NexT.boot.refresh === 'function' && NexT.boot.refresh();
+
+      // TOC part
+      var tocDiv = document.getElementById("toc-div");
+      if (tocDiv) {
+        tocDiv.style.display = 'inline';
+      }
+
+      var tocDivs = document.getElementsByClassName('toc-div-class');
+      if (tocDivs && tocDivs.length > 0) {
+        for (var idx = 0; idx < tocDivs.length; idx++) {
+          tocDivs[idx].style.display = 'inline';
+        }
+      }
+
+      return await verifyContent(hmacKey, decoded);
+    }).catch((e) => {
+      alert(wrongPassMessage);
+      console.log(e);
+      return false;
+    });
+
+    return result;
+
+  }
+
+  function hbeLoader() {
+
+    const oldStorageData = JSON.parse(storage.getItem(storageName));
+
+    if (oldStorageData) {
+      console.log(`Password got from localStorage(${storageName}): `, oldStorageData);
+
+      const sIv = hexToArray(oldStorageData.iv).buffer;
+      const sDk = oldStorageData.dk;
+      const sHmk = oldStorageData.hmk;
+
+      cryptoObj.subtle.importKey('jwk', sDk, {
+        'name': 'AES-CBC',
+        'length': 256,
+      }, true, [
+        'decrypt',
+      ]).then((dkCK) => {
+        cryptoObj.subtle.importKey('jwk', sHmk, {
+          'name': 'HMAC',
+          'hash': 'SHA-256',
+          'length': 256,
+        }, true, [
+          'verify',
+        ]).then((hmkCK) => {
+          decrypt(dkCK, sIv, hmkCK).then((result) => {
+            if (!result) {
+              storage.removeItem(storageName);
+            }
+          });
+        });
+      });
+    }
+
+    mainElement.addEventListener('keydown', async (event) => {
+      if (event.isComposing || event.keyCode === 13) {
+        const password = document.getElementById('hbePass').value;
+        const keyMaterial = await getKeyMaterial(password);
+        const hmacKey = await getHmacKey(keyMaterial);
+        const decryptKey = await getDecryptKey(keyMaterial);
+        const iv = await getIv(keyMaterial);
+
+        decrypt(decryptKey, iv, hmacKey).then((result) => {
+          console.log(`Decrypt result: ${result}`);
+          if (result) {
+            cryptoObj.subtle.exportKey('jwk', decryptKey).then((dk) => {
+              cryptoObj.subtle.exportKey('jwk', hmacKey).then((hmk) => {
+                const newStorageData = {
+                  'dk': dk,
+                  'iv': arrayBufferToHex(iv),
+                  'hmk': hmk,
+                };
+                storage.setItem(storageName, JSON.stringify(newStorageData));
+              });
+            });
+          }
+        });
+      }
+    });
+  }
+
+  hbeLoader();
+
+})();

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "cainiaoblog",
+  "version": "23.2.171",
+  "description": "cainiaoblog",
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/npljy/npljy.github.io.git"
+  },
+  "keywords": [
+    "cainiaoblog"
+  ],
+  "author": "cainiao",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/npljy/npljy.github.io/issues"
+  },
+  "homepage": "https://github.com/npljy/npljy.github.io#readme"
+}