From 27404344781f7e0bbd7b11a6898624f4d3d149d8 Mon Sep 17 00:00:00 2001
From: javajianghu <javajianghu@126.com>
Date: Mon, 20 May 2024 16:20:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AD=97=E6=95=B0=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/js/countable.js              | 60 +++++++++++++++++++++++++++++
 assets/js/docsify-pagination.min.js |  1 +
 assets/js/docsify-sidebar.min.js    |  2 +
 index.html                          | 20 ++++++++++
 4 files changed, 83 insertions(+)
 create mode 100644 assets/js/countable.js
 create mode 100644 assets/js/docsify-pagination.min.js
 create mode 100644 assets/js/docsify-sidebar.min.js

diff --git a/assets/js/countable.js b/assets/js/countable.js
new file mode 100644
index 0000000..248d4ce
--- /dev/null
+++ b/assets/js/countable.js
@@ -0,0 +1,60 @@
+//default values
+var defaultOptions = {
+    countable: true,
+    position: "top",
+    margin: "10px",
+    float: "right",
+    fontsize: "0.9em",
+    color: "rgb(90,90,90)",
+    language: "english",
+    isExpected: true,
+}
+
+// Docsify plugin functions
+function plugin(hook, vm) {
+    if (!defaultOptions.countable) {
+        return
+    }
+    let wordsCount
+    hook.beforeEach(function (content) {
+        // Match regex every time you start parsing .md
+        wordsCount = content.match(/([\u4e00-\u9fa5]+?|[a-zA-Z0-9]+)/g).length
+        return content
+    })
+    hook.afterEach(function (html, next) {
+        let str = wordsCount + " words"
+        let readTime = Math.ceil(wordsCount / 400) + " min"
+        //Determine whether to use the Chinese style according to the attribute "language"
+        if (defaultOptions.language === "chinese") {
+            str = wordsCount + " 字"
+            readTime = Math.ceil(wordsCount / 400) + " 分钟"
+        }
+
+        //add html string
+        next(
+            `
+        ${defaultOptions.position === "bottom" ? html : ""}
+        <div style="margin-${defaultOptions.position ? "bottom" : "top"}: ${
+                defaultOptions.margin
+            };">
+            <span style="
+                  float: ${defaultOptions.float === "right" ? "right" : "left"};
+                  font-size: ${defaultOptions.fontsize};
+                  color:${defaultOptions.color};">
+            ${str}
+            ${defaultOptions.isExpected ? `&nbsp; | &nbsp;${readTime}` : ""}
+            </span>
+            <div style="clear: both"></div>
+        </div>
+        ${defaultOptions.position !== "bottom" ? html : ""}
+        `
+        )
+    })
+}
+
+// Docsify plugin options
+window.$docsify["count"] = Object.assign(
+    defaultOptions,
+    window.$docsify["count"]
+)
+window.$docsify.plugins = [].concat(plugin, window.$docsify.plugins)
diff --git a/assets/js/docsify-pagination.min.js b/assets/js/docsify-pagination.min.js
new file mode 100644
index 0000000..83a77fa
--- /dev/null
+++ b/assets/js/docsify-pagination.min.js
@@ -0,0 +1 @@
+!function(t){("object"!=typeof exports||"undefined"==typeof module)&&"function"==typeof define&&define.amd?define(t):t()}(function(){"use strict";var i="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function t(t,e){return t(e={exports:{}},e.exports),e.exports}var c=t(function(t,e){function n(t,e){return e.querySelector(t)}(e=t.exports=function(t,e){return n(t,e=e||document)}).all=function(t,e){return(e=e||document).querySelectorAll(t)},e.engine=function(t){if(!t.one)throw new Error(".one callback required");if(t.all)return n=t.one,e.all=t.all,e;throw new Error(".all callback required")}}),e=(c.all,c.engine,t(function(e){var n=eval;try{n("export default global")}catch(t){try{n("export default self")}catch(t){try{e.exports=i}catch(t){try{self.global=self}catch(t){window.global=window}}}}}));try{var a=c}catch(t){a=c}var e=e.Element,e=e&&e.prototype||{},r=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector,s=function(t,e){if(!t||1!==t.nodeType)return!1;if(r)return r.call(t,e);for(var n=a.all(e,t.parentNode),i=0;i<n.length;++i)if(n[i]==t)return!0;return!1};try{var o=s}catch(t){o=s}var p=function(t,e,n){n=n||document.documentElement;for(;t&&t!==n;){if(o(t,e))return t;t=t.parentNode}return o(t,e)?t:null};e=".docsify-pagination-container{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;margin:5em 0 1em;border-top:1px solid rgba(0,0,0,.07)}.pagination-item{margin-top:2.5em}.pagination-item a,.pagination-item a:hover{text-decoration:none}.pagination-item a{color:currentColor}.pagination-item a:hover .pagination-item-title{text-decoration:underline}.pagination-item:not(:last-child) a .pagination-item-label,.pagination-item:not(:last-child) a .pagination-item-subtitle,.pagination-item:not(:last-child) a .pagination-item-title{opacity:.3;transition:all .2s}.pagination-item:last-child .pagination-item-label,.pagination-item:not(:last-child) a:hover .pagination-item-label{opacity:.6}.pagination-item:not(:last-child) a:hover .pagination-item-title{opacity:1}.pagination-item-label{font-size:.8em}.pagination-item-label>*{line-height:1;vertical-align:middle}.pagination-item-label svg{height:.8em;width:auto;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}.pagination-item--next{margin-left:auto;text-align:right}.pagination-item--next svg{margin-left:.5em}.pagination-item--previous svg{margin-right:.5em}.pagination-item-title{font-size:1.6em}.pagination-item-subtitle{text-transform:uppercase;opacity:.3}",u=(u=void 0===u?{}:u).insertAt,e&&"undefined"!=typeof document&&(n=document.head||document.getElementsByTagName("head")[0],(l=document.createElement("style")).type="text/css","top"===u&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e)));var n,l,u=function(t,e,n){return e&&f(t.prototype,e),n&&f(t,n),t};function f(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var d=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,i=arguments[e];for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},h="docsify-pagination-container";function g(t){return Array.prototype.slice.call(t)}function m(t){return t.href?t:c("a",t)}function v(t){return t&&"#/README"===t.toUpperCase()?"#/":t}function x(e,t){return 1===arguments.length?function(t){return x(e,t)}:v(decodeURIComponent(t.getAttribute("href").split("?")[0]))===v(decodeURIComponent(e))}u(w,[{key:"toJSON",value:function(){if(this.hyperlink)return{name:this.hyperlink.innerText,href:this.hyperlink.getAttribute("href"),chapterName:this.chapter&&this.chapter.innerText||"",isExternal:"_blank"===this.hyperlink.getAttribute("target")}}}]);var y=w;function w(t){var e;if(!(this instanceof w))throw new TypeError("Cannot call a class as a function");t&&(this.chapter=(e=p(e=t,"div > ul > li"),c("p",e)),this.hyperlink=m(t))}var b=function(){return'<div class="'+h+'"></div>'},k=function(t,e){a=e,r=t.route.path,o={},["previousText","nextText"].forEach(function(n){var i=a[n];"string"==typeof i?o[n]=i:Object.keys(i).some(function(t){var e=r&&-1<r.indexOf(t);return o[n]=e?i[t]:i,e})});var a,r,o,n=o,i=n.previousText,n=n.nextText;return[t.prev&&'\n        <div class="pagination-item pagination-item--previous">\n          <a href="'+t.prev.href+'" '+(t.prev.isExternal?'target="_blank"':"")+'>\n            <div class="pagination-item-label">\n              <svg width="10" height="16" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg">\n                <polyline fill="none" vector-effect="non-scaling-stroke" points="8,2 2,8 8,14"/>\n              </svg>\n              <span>'+i+'</span>\n            </div>\n            <div class="pagination-item-title">'+t.prev.name+"</div>\n      ",t.prev&&e.crossChapterText&&'<div class="pagination-item-subtitle">'+t.prev.chapterName+"</div>",t.prev&&"</a>\n        </div>\n      ",t.next&&'\n        <div class="pagination-item pagination-item--next">\n          <a href="'+t.next.href+'" '+(t.next.isExternal?'target="_blank"':"")+'>\n            <div class="pagination-item-label">\n              <span>'+n+'</span>\n              <svg width="10" height="16" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg">\n                <polyline fill="none" vector-effect="non-scaling-stroke" points="2,2 8,8 2,14"/>\n              </svg>\n            </div>\n            <div class="pagination-item-title">'+t.next.name+"</div>\n      ",t.next&&e.crossChapterText&&'<div class="pagination-item-subtitle">'+t.next.chapterName+"</div>",t.next&&"</a>\n        </div>\n      "].filter(Boolean).join("")};window.$docsify=window.$docsify||{},window.$docsify.plugins=[function(t,e){var n=d({},(e.config,{previousText:"PREVIOUS",nextText:"NEXT",crossChapter:!1,crossChapterText:!1}),e.config.pagination||{});function i(){var t=c("."+h);t&&(t.innerHTML=k(function(t,e){e=e.crossChapter;try{var n=t.router.toURL(t.route.path),i=g(c.all(".sidebar-nav li a")).filter(function(t){return!s(t,".section-link")}),a=i.find(x(n)),r=g((p(a,"ul")||{}).children).filter(function(t){return"LI"===t.tagName.toUpperCase()}),o=e?i.findIndex(x(n)):r.findIndex(function(t){t=m(t);return t&&x(n,t)}),l=e?i:r;return{route:t.route,prev:new y(l[o-1]).toJSON(),next:new y(l[o+1]).toJSON()}}catch(t){return{route:{}}}}(e,n),n))}t.afterEach(function(t){return t+b()}),t.doneEach(i)}].concat(window.$docsify.plugins||[])});
\ No newline at end of file
diff --git a/assets/js/docsify-sidebar.min.js b/assets/js/docsify-sidebar.min.js
new file mode 100644
index 0000000..70110f0
--- /dev/null
+++ b/assets/js/docsify-sidebar.min.js
@@ -0,0 +1,2 @@
+/*! docsify-sidebar 5.0.6 | (c) Mark Battistella */
+"use strict";($docsify=$docsify||{}).plugins=[].concat(function(o,t){var e,s={name:"",url:"",copyYear:"",policy:!0,terms:!0,cookies:!0,customStyle:"body"};Object.assign(s,$docsify.autoFooter||{});if(!((e=s)&&e.constructor===Object&&0<Object.keys(e).length))throw new Error("Sidebar-footer configuration is invalid or empty. Please check the $docsify.autoFooter config.");s.copyYear||(s.copyYear=(new Date).getFullYear()),o.init(function(){var o,t,e;"boolean"!=typeof s.customStyle&&"string"!=typeof s.customStyle||"boolean"==typeof s.customStyle&&!0===s.customStyle||(o="#mb-footer { border-top: 1px solid; font-size: 0.8em; line-height: 1.5; transition: all var(--sidebar-transition-duration) ease-out; }",("boolean"==typeof s.customStyle&&!1===s.customStyle||"sidebar"===s.customStyle)&&(o+="#mb-footer { padding-top: 1.5rem; margin-top: 1.5rem; } #mb-footer .footer-text, #mb-footer .footer-text a { font-weight: bold; }"),"body"===s.customStyle&&(!$docsify.loadSidebar&&null!==$docsify.loadSidebar&&$docsify.hideSidebar||(o+="body #mb-footer { margin-left: var(--sidebar-width); } body.close #mb-footer { margin-left: 0; }"),o+="#mb-footer { padding: 1.5rem; } #mb-footer .footer-container { max-width: var(--content-max-width); margin: 0 auto; } #mb-footer .footer-container { display: grid; grid-template-columns: auto auto; } #mb-footer .footer-container a { margin-left: 2em; } #mb-footer .footer-link { text-align: right; }@media (max-width: 680px) { #mb-footer .footer-container { grid-template-columns: auto; }#mb-footer .footer-text, #mb-footer .footer-link { text-align: center; } } @media (max-width: 400px) { #mb-footer .footer-text, #mb-footer .footer-link { text-align: left; } #mb-footer span { display: block; } #mb-footer .footer-container a { margin: 0; } }"),t=document.querySelector("head"),e=document.createElement("style"),t.appendChild(e),e.appendChild(document.createTextNode(o)))}),o.doneEach(function(){var n,i,o,t,e,r,a,c,l=document.getElementById("mb-footer");l&&(t=(new Date).getFullYear(),n=window.location.origin+window.location.pathname+"#/",i=function(o){var t=document.createElement("a");return t.href=o,t.host!==window.location.host},c=function(o,t,e,r){var a="";return"boolean"!=typeof o&&"string"!=typeof o||("boolean"==typeof o&&o?a='<a href="'.concat(n+e,'">').concat(t,"</a>"):"string"==typeof o&&(a=(i(o)?'<a target="_blank" href="'.concat(o,'">'):'<a href="'.concat(n+o,'">')).concat(t,"</a>"))),a&&(e="".concat(r.toLowerCase().replace(/\s+/g,"-")),a='<span class="'.concat(e,'">').concat(a,"</span>")),a},o="</div>",t='<span class="footer-text-copyright">Copyright &copy; '.concat(s.copyYear&&s.copyYear<=t?"".concat(s.copyYear).concat(s.copyYear<t?"&#45;"+t:""):t,"</span>"),e=c(s.url,s.name,"","footer-text-author"),r=c(s.policy,"Policy","_policy","footer-links-policy"),a=c(s.terms,"Terms","_terms","footer-links-terms"),c=c(s.cookies,"Cookies","_cookies","footer-links-cookies"),l.innerHTML='<div class="footer-container"><div class="footer-text">'+t+e+o+'<div class="footer-link">'+r+a+c+o+o)})},$docsify.plugins||[]);
\ No newline at end of file
diff --git a/index.html b/index.html
index 21374da..f7d0412 100644
--- a/index.html
+++ b/index.html
@@ -35,10 +35,26 @@
       // 字段统计
       count:{
         countable:true,
+        position: 'top',
+        margin: '10px',
+        float: 'left',
         fontsize:'0.9em',
         color:'rgb(90,90,90)',
+        language:'chinese',
+        localization: {
+            words: "",
+            minute: ""
+        },
+        isExpected: true,
         language:'chinese'
       },
+      // 分页导航插件
+      pagination: {
+        previousText: '上一页',
+        nextText: '下一页',
+        crossChapter: true,
+        crossChapterText: true
+      },
       toc: {
 	    tocMaxLevel: 2,
 	    target: "h1,h2, h3, h4, h5, h6",
@@ -59,5 +75,9 @@
   <script src="assets/js/emoji.min.js"></script>
   <!-- 搜索 -->
   <script src="assets/js/search.min.js"></script>
+   <!-- 字数插件 -->
+  <script src="assets/js/countable.js"></script>
+    <!-- 分页导航 -->
+  <script src="assets/js/docsify-pagination.min.js"></script>
 </body>
 </html>