hexo-theme-volantis 4.3.1 → 5.0.0-rc.3

package/layout/_partial/scripts/index.ejs

@@ -1,99 +1,127 @@
-<%- partial('global') %>
+<script>
+  /******************** volantis.dom ********************************/
+  // 页面选择器 将dom对象缓存起来 see: /source/js/app.js etc.
+  volantis.dom.bodyAnchor = volantis.dom.$(document.getElementById("safearea")); // 页面主体
+  volantis.dom.topBtn = volantis.dom.$(document.getElementById('s-top')); // 向上
+  volantis.dom.wrapper = volantis.dom.$(document.getElementById('wrapper')); // 整个导航栏
+  volantis.dom.coverAnchor = volantis.dom.$(document.querySelector('#l_cover .cover-wrapper')); // 1个
+  volantis.dom.switcher = volantis.dom.$(document.querySelector('#l_header .switcher .s-search')); // 搜索按钮   移动端 1个
+  volantis.dom.header = volantis.dom.$(document.getElementById('l_header')); // 移动端导航栏
+  volantis.dom.search = volantis.dom.$(document.querySelector('#l_header .m_search')); // 搜索框 桌面端 移动端 1个
+  volantis.dom.mPhoneList = volantis.dom.$(document.querySelectorAll('#l_header .m-phone .list-v')); //  手机端 子菜单 多个
+</script>
+
 <script>
   <% if (theme.plugins.fontawesome) { %>
-  loadCSS("<%- theme.plugins.fontawesome %>", window.volantis.loadcss);
+  volantis.css("<%- theme.plugins.fontawesome %>");
   <% } %>
   <% if (theme.plugins.fontawesome_animation.enable) { %>
-  loadCSS("<%- theme.plugins.fontawesome_animation.css %>", window.volantis.loadcss);
+  volantis.css("<%- theme.plugins.fontawesome_animation.css %>");
   <% } %>
   <% if (theme.plugins.nodewaves.enable) { %>
-  loadCSS("<%- theme.plugins.nodewaves.css %>", window.volantis.loadcss);
-  <% } %>
-  <% if ((theme.plugins.highlightjs.enable == true)&&(theme.plugins.highlightjs.css)) { %>
-  loadCSS("<%- theme.plugins.highlightjs.css %>", window.volantis.loadcss);
+  volantis.css("<%- theme.plugins.nodewaves.css %>");
   <% } %>
 </script>
+
 <!-- required -->
-<%- js(theme.plugins.jquery) %>
-<%- partial('../../_third-party/fancybox/script') %>
+<% if (theme.plugins.globalJquery) { %>
+  <%- js(theme.plugins.jquery) %>
+<% } %>
 
 <!-- internal -->
-<%- partial('cover') %>
-<% if (theme.rightmenu.enable == true) { %>
-  <%- partial('../rightmenu') %>
+<%- js(theme.cdn.map.js.app) %>
+
+<% if (theme.rightmenu.enable) { %>
+  <%- partial('../../_plugins/rightmenu/layout') %>
 <% } %>
 
-<%- partial('issues') %>
+<!-- rightmenu要在darkmode之前（ToggleButton） darkmode要在comments之前（volantis.dark.push）-->
+<% if (theme.plugins.darkmode.enable) { %>
+  <%- partial('../../_plugins/darkmode/script') %>
+<% } %>
 
-<% if (theme.plugins.lazyload && theme.plugins.lazyload.enable) { %>
-  <%- partial('../../_third-party/lazyload/script') %>
+<% if (theme.plugins.sitesjs.enable || theme.plugins.friendsjs.enable || theme.plugins.contributorsjs.enable) { %>
+<%- partial('../../_plugins/github-api/script') %>
 <% } %>
 
-<% if (theme.plugins.preload.enable && theme.plugins.preload.service) { %>
-  <%- partial('../../_third-party/preload/script') %>
+<% if (theme.plugins.lazyload && theme.plugins.lazyload.enable) { %>
+  <%- partial('../../_plugins/lazyload/script') %>
 <% } %>
 
-<% if (theme.plugins.clipboard.enable && (theme.custom_css.body.highlight.copy_btn == true)) { %>
-  <%- partial('../../_third-party/clipboard/script') %>
+<% if (theme.plugins.preload.enable && theme.plugins.preload.service) { %>
+  <%- partial('../../_plugins/preload/script') %>
 <% } %>
 
 <% if (theme.plugins.scrollreveal.enable && theme.plugins.scrollreveal.js) { %>
-   <%- partial('../../_third-party/scrollreveal/script') %>
+   <%- partial('../../_plugins/scrollreveal/script') %>
 <% } %>
 
 <% if (theme.plugins.aplayer && theme.plugins.aplayer.enable && theme.plugins.aplayer.js) { %>
-  <%- partial('../../_third-party/aplayer/script') %>
+  <%- partial('../../_plugins/aplayer/script') %>
 <% } %>
 
 <% if (theme.comments.service && theme.comments.service.length > 0) { %>
-  <%- partial('../../_third-party/comments/' + theme.comments.service + '/script') %>
+  <%- partial('../../_plugins/comments/' + theme.comments.service + '/script') %>
 <% } %>
 
 <% if (theme.analytics.busuanzi) { %>
   <script defer src="<%- theme.analytics.busuanzi %>" data-pjax></script>
 <% } %>
 
-<% if (theme.use_cdn && theme.info.cdn && theme.info.cdn.js) { %>
-  <%- js(theme.info.cdn.js) %>
-<% } else if(theme.use_cdn) { %>
-  <%- js(['https://cdn.jsdelivr.net/npm/hexo-theme-volantis@'+theme.info.theme_version+'/source/js/app.min.js']) %>
-<% } else { %>
-  <%- js(['js/app.js']) %>
-<% } %>
-
 <!-- optional -->
 <% if (theme.search && theme.search.enable) { %>
-  <%- partial('search') %>
+  <%- partial('../../_plugins/search/script') %>
 <% } %>
 
-
 <% if (theme.plugins.nodewaves.enable) { %>
-  <%- partial('../../_third-party/nodewaves/script') %>
+  <%- partial('../../_plugins/nodewaves/script') %>
 <% } %>
 
 <% if (theme.plugins.comment_typing.enable) { %>
   <%- js(theme.plugins.comment_typing.js) %>
 <% } %>
 
-<% if (theme.plugins.highlightjs.enable) { %>
-  <%- partial('../../_third-party/highlightjs/script') %>
+<% if (theme.plugins.code_highlight) { %>
+  <%- partial('../../_plugins/highlight/script') %>
 <% } %>
 
 <% if (theme.analytics && theme.analytics.leancloud && theme.analytics.leancloud.app_id) { %>
-  <%- partial('counter') %>
+  <%- partial('../../_plugins/analytics/LCCounter') %>
+<% } %>
+
+<% if (config.google_analytics_key || config.baidu_analytics_key || config.tencent_aegis_id) { %>
+  <%- partial('../../_plugins/analytics/script') %>
+<% } %>
+
+<% if (theme.plugins.chat_service) { %>
+  <%- partial('../../_plugins/chat/index') %>
 <% } %>
 
-<% if (theme.plugins.darkmodejs.enable) { %>
-  <%- partial('darkmode') %>
+<% if (theme.plugins.parallax.enable) { %>
+  <%- partial('../../_plugins/parallax/script') %>
 <% } %>
 
-<%- partial('../../_third-party/analytics/script') %>
+<% if (theme.plugins.swiper.enable) { %>
+  <%- partial('../../_plugins/swiper/script') %>
+<% } %>
 
-<%- partial('../../_third-party/tidio/script') %>
+<!-- pjax 标签必须存在于所有页面 否则 pjax error -->
+<pjax>
+<% if (page.plugins) { %>
+<%- partial('../../_plugins/_page_plugins/index') %>
+<% } %>
+</pjax>
 
 <%- partial('toc') %>
 
+<%- partial('content-visibility-scroll-fix') %>
+
+<% if (theme.structured_data && theme.structured_data.enable) { %>
+  <%- structured_data() %>
+<% } %>
+
 <!-- more -->
 <% if (config.import && config.import.script) { %>
   <%- partial('import') %>
 <% } %>
+

package/layout/_partial/scripts/toc.ejs

@@ -1,80 +1,87 @@
 <script>
-function listennSidebarTOC() {
-  const navItems = document.querySelectorAll(".toc li");
-  if (!navItems.length) return;
-  const sections = [...navItems].map((element) => {
-    const link = element.querySelector(".toc-link");
-    const target = document.getElementById(
-      decodeURI(link.getAttribute("href")).replace("#", "")
-    );
-    link.addEventListener("click", (event) => {
-      event.preventDefault();
-      window.scrollTo({
-		top: target.offsetTop + 100,
-		<% if (theme.custom_css.toc_smooth) { %>
-		behavior: "smooth"
-		<% } %>
-	  });
+  function listennSidebarTOC() {
+    const navItems = document.querySelectorAll(".toc li");
+    if (!navItems.length) return;
+    const sections = [...navItems].map((element) => {
+      const link = element.querySelector(".toc-link");
+      const target = document.getElementById(
+        decodeURI(link.getAttribute("href")).replace("#", "")
+      );
+      // 解除 a 标签 href 的 锚点定位, a 标签 href 的 锚点定位 会随机启用?? 产生错位???
+      link.setAttribute("onclick","return false;")
+      link.setAttribute("toc-action","toc-"+decodeURI(link.getAttribute("href")).replace("#", ""))
+      link.setAttribute("href","/")
+      // 配置 点击 触发新的锚点定位
+      link.addEventListener("click", (event) => {
+        event.preventDefault();
+        // 这里的 addTop 是通过错位使得 toc 自动展开.
+        volantis.scroll.to(target,{addTop: 5, observer:false})
+        // Anchor id
+        history.pushState(null, document.title, "#" + target.id);
+      });
+      return target;
     });
-    return target;
-  });
 
-  function activateNavByIndex(target) {
-    if (target.classList.contains("active-current")) return;
+    function activateNavByIndex(target) {
+      if (target.classList.contains("active-current")) return;
 
-    document.querySelectorAll(".toc .active").forEach((element) => {
-      element.classList.remove("active", "active-current");
-    });
-    target.classList.add("active", "active-current");
-    let parent = target.parentNode;
-    while (!parent.matches(".toc")) {
-      if (parent.matches("li")) parent.classList.add("active");
-      parent = parent.parentNode;
+      document.querySelectorAll(".toc .active").forEach((element) => {
+        element.classList.remove("active", "active-current");
+      });
+      target.classList.add("active", "active-current");
+      let parent = target.parentNode;
+      while (!parent.matches(".toc")) {
+        if (parent.matches("li")) parent.classList.add("active");
+        parent = parent.parentNode;
+      }
     }
-  }
 
-  function findIndex(entries) {
-    let index = 0;
-    let entry = entries[index];
-    if (entry.boundingClientRect.top > 0) {
-      index = sections.indexOf(entry.target);
-      return index === 0 ? 0 : index - 1;
-    }
-    for (; index < entries.length; index++) {
-      if (entries[index].boundingClientRect.top <= 0) {
-        entry = entries[index];
-      } else {
-        return sections.indexOf(entry.target);
+    function findIndex(entries) {
+      let index = 0;
+      let entry = entries[index];
+      if (entry.boundingClientRect.top > 0) {
+        index = sections.indexOf(entry.target);
+        return index === 0 ? 0 : index - 1;
+      }
+      for (; index < entries.length; index++) {
+        if (entries[index].boundingClientRect.top <= 0) {
+          entry = entries[index];
+        } else {
+          return sections.indexOf(entry.target);
+        }
       }
+      return sections.indexOf(entry.target);
     }
-    return sections.indexOf(entry.target);
-  }
 
-  function createIntersectionObserver(marginTop) {
-    marginTop = Math.floor(marginTop + 10000);
-    let intersectionObserver = new IntersectionObserver(
-      (entries, observe) => {
-        let scrollHeight = document.documentElement.scrollHeight + 100;
-        if (scrollHeight > marginTop) {
-          observe.disconnect();
-          createIntersectionObserver(scrollHeight);
-          return;
+    function createIntersectionObserver(marginTop) {
+      marginTop = Math.floor(marginTop + 10000);
+      let intersectionObserver = new IntersectionObserver(
+        (entries, observe) => {
+          let scrollHeight = document.documentElement.scrollHeight;
+          if (scrollHeight > marginTop) {
+            observe.disconnect();
+            createIntersectionObserver(scrollHeight);
+            return;
+          }
+          let index = findIndex(entries);
+          activateNavByIndex(navItems[index]);
+        }, {
+          rootMargin: marginTop + "px 0px -100% 0px",
+          threshold: 0,
         }
-        let index = findIndex(entries);
-        activateNavByIndex(navItems[index]);
-      },
-      {
-        rootMargin: marginTop + "px 0px -100% 0px",
-        threshold: 0,
-      }
-    );
-    sections.forEach((element) => {
-      element && intersectionObserver.observe(element);
-    });
+      );
+      sections.forEach((element) => {
+        element && intersectionObserver.observe(element);
+      });
+    }
+
+    createIntersectionObserver(document.documentElement.scrollHeight);
   }
-  createIntersectionObserver(document.documentElement.scrollHeight);
-}
 
-document.addEventListener("DOMContentLoaded", listennSidebarTOC);
-document.addEventListener("pjax:success", listennSidebarTOC);
+  document.addEventListener("DOMContentLoaded", ()=>{
+    volantis.requestAnimationFrame(listennSidebarTOC)
+  });
+  document.addEventListener("pjax:success", ()=>{
+    volantis.requestAnimationFrame(listennSidebarTOC)
+  });
 </script>

package/layout/_partial/side.ejs

@@ -1,3 +1,6 @@
-<aside class='l_side'>
+<aside id='l_side' itemscope itemtype="http://schema.org/WPSideBar">
   <%- partial('../_widget/load', {widgets: page.sidebar, where: 'sidebar'}) %>
+  <!-- Custom Files side begin -->
+  <%- volantis_inject('side') %>
+  <!-- Custom Files side end -->
 </aside>

package/layout/_plugins/_page_plugins/artitalk/index.ejs

@@ -0,0 +1,15 @@
+<script>
+  volantis.layoutHelper("page-plugins",`<div id="artitalk_main"></div>`,{pjax:false}) // 外层有 pjax 标签
+</script>
+<script>
+  volantis.import.jQuery().then(()=>{
+    volantis.js("<%= theme.plugins.artitalk.js %>").then(()=>{
+      new Artitalk(Object.assign(<%- JSON.stringify(theme.plugins.artitalk) %>, {}))
+    })
+  })
+</script>
+<style>
+  #artitalk_main #lazy {
+    background: transparent !important;
+  }
+</style>

package/layout/_plugins/_page_plugins/bbtalk/index.ejs

@@ -0,0 +1,10 @@
+<script>
+  volantis.layoutHelper("page-plugins",`<div id="bbtalk"></div>`,{pjax:false}) // 外层有 pjax 标签
+</script>
+<script>
+  volantis.import.jQuery().then(()=>{
+    volantis.js("<%= theme.plugins.bbtalk.js %>").then(()=>{
+      bbtalk.init(Object.assign(<%- JSON.stringify(theme.plugins.bbtalk) %>, {}))
+    })
+  })
+</script>

package/layout/_plugins/_page_plugins/fcircle/index.ejs

@@ -0,0 +1,226 @@
+<script>
+  volantis.layoutHelper("page-plugins",`<div id="moments_container"></div>`,{pjax:false}) // 外层有 pjax 标签
+</script>
+<script>
+  var requests_url = '<%- theme.plugins.fcircle.api %>';
+  var orign_data = [];
+  var maxnumber = <%- theme.plugins.fcircle.max_number %>;
+  var addnumber = <%- theme.plugins.fcircle.add_number %>;
+  var opentype = '<%- theme.plugins.fcircle.opentype %>';
+  var nofollow = <%- theme.plugins.fcircle.nofollow %>;
+  var loadingCutom = '<%- theme.plugins.fcircle.loadingCutom %>';
+  var fcircleImgError = '<%- theme.plugins.fcircle.imgError %>';
+
+  //处理数据
+
+  if (document.getElementById('moments_container')) {
+      //添加加载动画
+      var loading_pic = document.getElementById('moments_container');
+
+      // 判断loadingCutom值是否为空
+      if (typeof loadingCutom == "undefined" || loadingCutom == null || loadingCutom === "") {
+          loading_pic.innerHTML = '<style>.loader { color: #d9dad8; font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 72px auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease; animation: load6 1.7s infinite ease, round 1.7s infinite ease; } @-webkit-keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-webkit-keyframes round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }</style><center><span id="moments_loading"><div class="loader"></div></span></center>';
+      } else {
+          loading_pic.innerHTML = '<center><span id="moments_loading">' + loadingCutom + '</span></center>';
+      }
+
+      fetch(requests_url).then(
+          data => data.json()
+      ).then(
+          data => {
+              orign_data = data;
+              data_handle(nofollow, orign_data, maxnumber)
+          }
+      )
+  }
+
+  var data_handle = (nofollow, data, maxnumber) => {
+      var today = todaypost();
+      var Datetody = new Date(today);
+      for (var item = 0; item < data[1].length; item++) {
+          var Datedate = new Date(data[1][item][1]);
+          if (Datedate > Datetody) {
+              data[1].splice(item--, 1);
+          }
+      }
+      var today_post = 0;
+      var error = 0;
+      var unique_live_link;
+      var datalist = data[1].slice(0, maxnumber);
+      var listlenth = data[1].length;
+      var user_lenth = data[0].length;
+      var datalist_slice = slice_month(datalist);
+      var last_update_time = timezoon(datalist_slice);
+      var link_list = [];
+      for (var item of data[1]) {
+          if (item[1] === today) {
+              today_post += 1;
+          }
+          link_list.push(item[3]);
+      }
+      var arr = unique(link_list);
+      unique_live_link = arr.length;
+      for (var item of data[0]) {
+          if (item[3] === 'true') {
+              error += 1;
+          }
+      }
+      var html_item = '<h2>统计信息</h2>';
+      html_item += '<div id="info_user_pool" class="moments-item info_user_pool" style="">';
+      html_item += '<div class="moments_chart"><span class="moments_post_info_title">当前友链数：</span><span class="moments_post_info_number">' + user_lenth + ' 个</span><br><span class="moments_post_info_title">失败数：</span><span class="moments_post_info_number">' + error + ' 个</span><br></div>';
+      html_item += '<div class="moments_chart"><span class="moments_post_info_title">活跃友链数：</span><span class="moments_post_info_number">' + unique_live_link + ' 个</span><br><span class="moments_post_info_title">当前库存：</span><span class="moments_post_info_number">' + listlenth + ' 篇</span><br></div>';
+      html_item += '<div class="moments_chart"><span class="moments_post_info_title">今日更新：</span><span class="moments_post_info_number">' + today_post + ' 篇</span><br><span class="moments_post_info_title">最近更新：</span><span class="moments_post_info_number">' + last_update_time + '</span><br></div>';
+      html_item += '</div>';
+
+      for (var month_item of datalist_slice) {
+          html_item += '<h2>' + month_item[0] + '</h2>';
+          for (var post_item of month_item[1]) {
+              var rel = '';
+              if (nofollow && opentype == '_blank') {
+                  rel = 'noopener nofollow';
+              } else if (nofollow) {
+                  rel = 'nofollow';
+              } else if (opentype == '_blank') {
+                  rel = 'noopener';
+              } else {
+                  rel = '';
+              }
+              html_item += ' <div class="moments-item">';
+              html_item += ' <a target="' + opentype + '" class="moments-item-img" href="' + post_item[2] + '" title="' + post_item[0] + '"rel="' + rel + '">';
+              html_item += '<img onerror="this.onerror=null,this.src=&quot;' + fcircleImgError + '&quot;"';
+              html_item += ' src="' + post_item[4] + '"></a>';
+              html_item += '<div class="moments-item-info"><div class="moments-item-time"><i class="far fa-user"></i>';
+              html_item += '<span>' + post_item[3] + '</span>';
+              html_item += ' <div class="moments_post_time"><i class="far fa-calendar-alt"></i>' +
+                  '<time datetime="' + post_item[1] + '" title="' + post_item[1] + '">' + post_item[1] + '</time></div>';
+              html_item += `</div><a target="${opentype}" class="moments-item-title" href="${post_item[2]}" title="${post_item[0]}"rel="${rel}">${post_item[0]}</a></div>`;
+              html_item += '</div>';
+
+          }
+      }
+      if (data[1].length - maxnumber > 0) {
+          html_item += '<div style="text-align: center"><button type="button" class="moments_load_button" ' +
+              'onclick="load_more_post()">加载更多...</button>' +
+              '</div>'
+      }
+      html_item += '<style>.moments-item-info span{padding-left:.3rem;padding-right:.3rem}.moments_post_time time{padding-left:.3rem;cursor:default}.moments_post_info_title{font-weight:700}.moments_post_info_number{float:right}.moments_chart{align-items:flex-start;flex:1;width:100px;height:60px;margin:20px}@media screen and (max-width:500px){.info_user_pool{padding:10px;flex-direction:column;max-height:200px}.moments_chart{flex:0;width:100%;height:160px;margin:0}}.moments-item:before{border:0}@media screen and (min-width:500px){.moments_post_time{float:right}}.moments_load_button{-webkit-transition-duration:.4s;transition-duration:.4s;text-align:center;border:1px solid #ededed;border-radius:.3em;display:inline-block;background:transparent;color:#555;padding:.5em 1.25em}.moments_load_button:hover{color:#3090e4;border-color:#3090e4}.moments-item{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin:0 0 1rem .5rem;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;box-shadow:rgba(0,0,0,0.07) 0 2px 2px 0,rgba(0,0,0,0.1) 0 1px 5px 0;border-radius:2px}.moments-item-img{overflow:hidden;width:80px;height:80px}.moments-item-img img{max-width:100%;width:100%;height:100%;object-fit:cover}.moments-item-info{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 .8rem}.moments-item-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:1.1em;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-line-clamp:1}</style>'
+
+
+
+      var moments_container = document.getElementById('moments_container');
+      append_div(moments_container, html_item)
+  };
+
+  var load_more_post = () => {
+      if (document.getElementById('moments_container')) {
+          maxnumber = maxnumber + addnumber;
+          document.getElementById('moments_container').innerHTML = "";
+          data_handle(nofollow, orign_data, maxnumber)
+      }
+  };
+
+
+
+  //加载更多文章
+  //将html放入指定id的div容器
+  var append_div = (parent, text) => {
+      if (document.getElementById('moments_container')) {
+          loading_pic.innerHTML = ``;
+      };
+      if (typeof text === 'string') {
+          var temp = document.createElement('div');
+          temp.innerHTML = text;
+          // 防止元素太多 进行提速
+          var frag = document.createDocumentFragment();
+          while (temp.firstChild) {
+              frag.appendChild(temp.firstChild);
+          }
+          parent.appendChild(frag);
+      } else {
+          parent.appendChild(text);
+      }
+  };
+
+  //去重
+  var unique = (arr) => {
+      return Array.from(new Set(arr))
+  };
+
+  //时区优化
+  var formatDate = (strDate) => {
+      try {
+          var date = new Date(Date.parse(strDate.replace(/-/g, "/")));
+          var gettimeoffset;
+          if (new Date().getTimezoneOffset()) {
+              gettimeoffset = new Date().getTimezoneOffset();
+          } else {
+              gettimeoffset = 8;
+          }
+          var timeoffset = gettimeoffset * 60 * 1000;
+          var len = date.getTime();
+          var date2 = new Date(len - timeoffset);
+          var sec = date2.getSeconds().toString();
+          var min = date2.getMinutes().toString();
+          if (sec.length === 1) {
+              sec = "0" + sec;
+          }
+          if (min.length === 1) {
+              min = "0" + min;
+          }
+          return date2.getFullYear().toString() + "/" + (date2.getMonth() + 1).toString() + "/" + date2.getDate().toString() + " " + date2.getHours().toString() + ":" + min + ":" + sec
+      } catch (e) {
+          return ""
+      }
+  };
+
+  var timezoon = (datalist_slice) => {
+      var time = datalist_slice[0][1][0][5];
+      return formatDate(time)
+  };
+
+  //今日时间
+  var todaypost = () => {
+      var date = new Date();
+      var year = date.getFullYear();
+      var month = (date.getMonth() + 1).toString();
+      var day = (date.getDate()).toString();
+      if (month.length === 1) {
+          month = "0" + month;
+      }
+      if (day.length === 1) {
+          day = "0" + day;
+      }
+      return year + "-" + month + "-" + day
+  };
+
+  //月份切片
+  var slice_month = (data) => {
+      var monthlist = [];
+      var datalist = [];
+      var data_slice = data;
+      for (var item in data_slice) {
+          data_slice[item].push(item);
+          if (data_slice[item][1].lenth !== 10) {
+              var list = data_slice[item][1].split('-');
+              if (list[1].length < 2) {
+                  list[1] = "0" + list[1]
+              }
+              if (list[2].length < 2) {
+                  list[2] = "0" + list[2]
+              }
+              data_slice[item][1] = list.join('-')
+          }
+          var month = data_slice[item][1].slice(0, 7);
+          if (monthlist.indexOf(month) !== -1) {
+              datalist[monthlist.length - 1][1].push(data_slice[item])
+          } else {
+              monthlist.push(month);
+              datalist.push([month, [data_slice[item]]])
+          }
+      }
+      for (var mounthgroup of datalist) {
+          mounthgroup.push(mounthgroup[1][0][6]);
+      }
+      return datalist
+  };
+</script>

package/layout/_plugins/_page_plugins/gitter/index.ejs

@@ -0,0 +1,14 @@
+<%- partial( "../../chat/gitter/script") %>
+
+<script>
+  // 这里是 page plugin
+  volantis.removeGitter=()=>{
+    document.querySelectorAll(".gitter-chat-embed").forEach(e=>{
+      e.remove()
+    })
+    document.querySelectorAll(".gitter-open-chat-button").forEach(e=>{
+      e.remove()
+    })
+  }
+  volantis.pjax.send(volantis.removeGitter)
+</script>

package/layout/_plugins/_page_plugins/hpptalk/index.ejs

@@ -0,0 +1,14 @@
+<script>
+  volantis.layoutHelper("page-plugins",`<div id="hpp_talk"></div>`,{pjax:false}) // 外层有 pjax 标签
+  volantis.css("<%= theme.plugins.hpp.hpp_talk.css %>")
+  volantis.js("<%= theme.plugins.hpp.hpp_talk.js %>").then(() => {
+    new hpp_talk(Object.assign( <%- JSON.stringify(theme.plugins.hpp.hpp_talk) %> , {
+      id: "hpp_talk", //容器id
+    }));
+  })
+</script>
+<style>
+  .hpp_talk_img {
+    display: inline !important;
+  }
+</style>

package/layout/_plugins/_page_plugins/indent/index.ejs

@@ -0,0 +1,16 @@
+<style>
+  #post-body p {
+    text-indent: 2em;
+  }
+  #post-body .new-meta-box p,
+  #post-body .note p,
+  #post-body .prev-next p,
+  #post-body .tag p,
+  #post-body blockquote p,
+  #post-body details p,
+  #post-body p.p,
+  #post-body .tab-pane .checkbox 
+  #post-body section p {
+    text-indent: initial;
+  }
+</style>

package/layout/_plugins/_page_plugins/index.ejs

@@ -0,0 +1,7 @@
+<%_(page.plugins||[]).forEach(function(item){  _%>
+  <%_if (typeof item == "string") {   _%>
+    <%- partial( item + "/index") %>
+  <%_}else if(typeof item == "object"){  _%>
+    <%- partial( Object.keys(item)[0] + "/index", { pagePlugin:item }) %>
+  <%_} _%>
+<%_ }) _%>