💄 Add page load animate style.

assets/js/config.js

@@ -1,66 +1,53 @@
 if (!window.NexT) window.NexT = {};
 
 (function() {
-  const className = 'next-config';
 
-  const staticConfig = {};
-  let variableConfig = {};
-
-  const parse = text => JSON.parse(text || '{}');
-
-  const update = name => {
-    const targetEle = document.querySelector(`.${className}[data-name="${name}"]`);
-    if (!targetEle) return;
-    const parsedConfig = parse(targetEle.text);
-    if (name === 'main') {
-      Object.assign(staticConfig, parsedConfig);
-    } else {
-      variableConfig[name] = parsedConfig;
+  const siteConfig = {
+    "hostname"   : "{{ .Site.BaseURL }}",
+    "root"       : "/",
+    "images"     : "{{ .Site.Params.images }}",
+    "scheme"     : "{{ .Site.Params.scheme }}",
+    "darkmode"   : {{ .Site.Params.darkmode }},
+    "version"    : "{{ .Site.Data.config.version }}",
+    "exturl"     : {{ .Site.Params.exturl }},
+    "sidebar"    : {{ .Site.Params.sidebar | jsonify }},
+    "copycode"   : {{ .Site.Params.codeblock.copyBtn | jsonify }},
+    "bookmark"   : {{ .Site.Params.bookmark | jsonify }},
+    "comments"   : {{ .Site.Params.comments | jsonify }},
+    "mediumzoom" : {{ .Site.Params.mediumzoom }},
+    "lazyload"   : {{ .Site.Params.lazyload }},
+    "pangu"      : {{ .Site.Params.pangu }},
+    "stickytabs" : {{ .Site.Params.tabs.sticky }},
+    "motion"     : {{ .Site.Params.motion | jsonify }},
+    // TODO Find prismjs 
+    //"prism"    : "",
+    "i18n"       : {
+      "placeholder"  : "",
+      "empty"        : "${query}",
+      "hits_time"    : "'${hits}', '${time}'",
+      "hits"         : "${hits}"
+    },
+    {{- if .Site.Params.algoliaSearch.enable }}
+    // TODO
+    "algolia"    : {
+      "appID"        : "",
+      "apiKey"       : "",
+      "indexName"    : "",
+      "hits"         : ""
     }
+    {{- end }}
+    {{- if .Site.Params.localSearch.enable }}
+    // TODO
+    "path"       : "/search.json",
+    "localsearch": {{ .Site.Params.localSearch | jsonify }},
+    {{- end }}
+    "lang"       : "{{ .Site.LanguageCode }}",
+    "permalink"  : "{{ .Page.Permalink | absURL }}",
+    "title"      : "{{ .Page.Title }}",
+    "isHome"     : {{ .IsHome }},
+    "isPage"     : {{ .IsPage }}
   };
+  
+  window.CONFIG = new Proxy(siteConfig, {});
 
-  update('main');
-
-  window.CONFIG = new Proxy({}, {
-    get(overrideConfig, name) {
-      let existing;
-      if (name in staticConfig) {
-        existing = staticConfig[name];
-      } else {
-        if (!(name in variableConfig)) update(name);
-        existing = variableConfig[name];
-      }
-
-      // For unset override and mixable existing
-      if (!(name in overrideConfig) && typeof existing === 'object') {
-        // Get ready to mix.
-        overrideConfig[name] = {};
-      }
-
-      if (name in overrideConfig) {
-        const override = overrideConfig[name];
-
-        // When mixable
-        if (typeof override === 'object' && typeof existing === 'object') {
-          // Mix, proxy changes to the override.
-          return new Proxy({ ...existing, ...override }, {
-            set(target, prop, value) {
-              target[prop] = value;
-              override[prop] = value;
-              return true;
-            }
-          });
-        }
-
-        return override;
-      }
-
-      // Only when not mixable and override hasn't been set.
-      return existing;
-    }
-  });
-
-  document.addEventListener('pjax:success', () => {
-    variableConfig = {};
-  });
-})();
+})();

assets/js/motion.js

@@ -82,7 +82,7 @@ NexT.motion.middleWares = {
 
   postList: function() {
     const sequence = [];
-    const { post_block, post_header, post_body, coll_header } = CONFIG.motion.transition;
+    const { postblock, postheader, postbody, collheader } = CONFIG.motion.transition;
 
     function animate(animation, selector) {
       if (!animation) return;
@@ -95,10 +95,10 @@ NexT.motion.middleWares = {
       });
     }
 
-    animate(post_block, '.post-block, .pagination, .comments');
-    animate(coll_header, '.collection-header');
-    animate(post_header, '.post-header');
-    animate(post_body, '.post-body');
+    animate(postblock, '.post-block, .pagination, .post-comments');
+    animate(collheader, '.collection-header');
+    animate(postheader, '.post-header');
+    animate(postbody, '.post-body');
 
     return sequence;
   },

assets/js/utils.js

@@ -287,7 +287,7 @@ NexT.utils = {
     if (window.innerWidth < 992 || CONFIG.scheme === 'Pisces' || CONFIG.scheme === 'Gemini') return;
     // Expand sidebar on post detail page by default, when post has a toc.
     const hasTOC = document.querySelector('.post-toc');
-    let display = CONFIG.page.sidebar;
+    let display = CONFIG.sidebar;
     if (typeof display !== 'boolean') {
       // There's no definition sidebar in the page front-matter.
       display = CONFIG.sidebar.display === 'always' || (CONFIG.sidebar.display === 'post' && hasTOC);