hexo-theme-fluid 1.9.1 → 1.9.2

package/_config.yml

@@ -291,7 +291,7 @@ web_analytics:  # 网页访问统计
     # Get the attribute of the page path during statistics
     path: window.location.pathname
     # 开启后不统计本地路径( localhost 与 127.0.0.1 )
-    # If ture, ignore localhost & 127.0.0.1
+    # If true, ignore localhost & 127.0.0.1
     ignore_local: false
 
 # 对页面中的图片和评论插件进行懒加载处理，可见范围外的元素不会提前加载
@@ -1080,7 +1080,7 @@ static_prefix:
 
   mermaid: https://lib.baomitu.com/mermaid/8.14.0/
 
-  valine: https://lib.baomitu.com/valine/1.4.18/
+  valine: https://lib.baomitu.com/valine/1.4.17/
 
   waline: https://lib.baomitu.com/waline/2.5.1/
 

package/layout/_partials/head.ejs

@@ -43,6 +43,7 @@ var ogConfig = Object.assign({ image: ogImage && url_for(ogImage) }, theme.open_
   <%- export_config() %>
   <%- js_ex(theme.static_prefix.internal_js, 'utils.js') %>
   <%- js_ex(theme.static_prefix.internal_js, 'color-schema.js') %>
+  <%- partial('_partials/plugins/analytics.ejs') %>
 
   <%- inject_point('head') %>
 </head>

package/layout/_partials/markdown-plugins.ejs

@@ -0,0 +1,24 @@
+<% import_css(theme.static_prefix.github_markdown, 'github-markdown.min.css') %>
+<% import_css(theme.static_prefix.hint, 'hint.min.css') %>
+
+<% if (theme.code.highlight.enable) { %>
+  <%- partial('_partials/plugins/highlight.ejs') %>
+<% } %>
+<% if ((theme.code.language.enable && theme.code.language.default) || theme.code.copy_btn) { %>
+  <%- partial('_partials/plugins/code-widget.ejs') %>
+<% } %>
+<% if (theme.fun_features.anchorjs.enable && page.anchorjs !== false) { %>
+  <%- partial('_partials/plugins/anchorjs.ejs') %>
+<% } %>
+<% if (theme.post.image_zoom.enable && page.image_zoom !== false) { %>
+  <%- partial('_partials/plugins/fancybox.ejs') %>
+<% } %>
+<% if (theme.post.image_caption.enable) { %>
+  <% import_script('<script>Fluid.plugins.imageCaption();</script>') %>
+<% } %>
+<% if (theme.post.math.enable && (!theme.post.math.specific || (theme.post.math.specific && page.math))) { %>
+  <%- partial('_partials/plugins/math.ejs') %>
+<% } %>
+<% if (theme.post.mermaid.enable && (!theme.post.mermaid.specific || (theme.post.mermaid.specific && page.mermaid))) { %>
+  <%- partial('_partials/plugins/mermaid.ejs') %>
+<% } %>

package/layout/_partials/plugins/analytics.ejs

@@ -2,7 +2,7 @@
 
   <% if(theme.web_analytics.baidu) { %>
     <!-- Baidu Analytics -->
-    <script defer>
+    <script async>
       if (!Fluid.ctx.dnt) {
         var _hmt = _hmt || [];
         (function() {
@@ -17,7 +17,7 @@
 
   <% if (theme.web_analytics.google){ %>
     <!-- Google Analytics -->
-    <script defer>
+    <script async>
       if (!Fluid.ctx.dnt) {
         Fluid.utils.createScript('https://www.google-analytics.com/analytics.js', function() {
           window.ga = window.ga || function() { (ga.q = ga.q || []).push(arguments) };
@@ -31,7 +31,7 @@
 
   <% if (theme.web_analytics.gtag){ %>
     <!-- Google gtag.js -->
-    <script defer>
+    <script async>
       if (!Fluid.ctx.dnt) {
         Fluid.utils.createScript('https://www.googletagmanager.com/gtag/js?id=<%= theme.web_analytics.gtag %>', function() {
           window.dataLayer = window.dataLayer || [];
@@ -45,7 +45,7 @@
 
   <% if(theme.web_analytics.tencent && theme.web_analytics.tencent.sid && theme.web_analytics.tencent.cid) { %>
     <!-- Tencent Analytics -->
-    <script defer>
+    <script async>
       if (!Fluid.ctx.dnt) {
         var _mtac = {};
         (function() {
@@ -65,7 +65,7 @@
 
   <% if(theme.web_analytics.woyaola) { %>
     <!-- 51.la Analytics -->
-    <script defer>
+    <script async>
       if (!Fluid.ctx.dnt) {
         Fluid.utils.createScript('//js.users.51.la/<%= theme.web_analytics.woyaola %>.js');
       }
@@ -74,7 +74,7 @@
 
   <% if(theme.web_analytics.cnzz) { %>
     <!-- cnzz Analytics -->
-    <script defer>
+    <script async>
       if (!Fluid.ctx.dnt) {
         Fluid.utils.createScript('//s4.cnzz.com/z_stat.php?id=<%= theme.web_analytics.cnzz %>&show=pic');
       }

package/layout/_partials/plugins/code-widget.ejs

@@ -1,71 +1,7 @@
 <%
-import_script(`<script>
-  (function() {
-    var enableLang = CONFIG.code_language.enable && CONFIG.code_language.default;
-    var enableCopy = CONFIG.copy_btn;
-    if (!enableLang && !enableCopy) {
-      return;
-    }
-
-    function getBgClass(ele) {
-      return Fluid.utils.getBackgroundLightness(ele) >= 0 ? 'code-widget-light' : 'code-widget-dark';
-    }
-
-    var copyTmpl = '';
-    copyTmpl += '<div class="code-widget">';
-    copyTmpl += 'LANG';
-    copyTmpl += '</div>';
-    jQuery('.markdown-body pre').each(function() {
-      var $pre = jQuery(this);
-      if ($pre.find('code.mermaid').length > 0) {
-        return;
-      }
-      if ($pre.find('span.line').length > 0) {
-        return;
-      }
-
-      var lang = '';
-
-      if (enableLang) {
-        lang = CONFIG.code_language.default;
-        if ($pre[0].children.length > 0 && $pre[0].children[0].classList.length >= 2 && $pre.children().hasClass('hljs')) {
-          lang = $pre[0].children[0].classList[1];
-        } else if ($pre[0].getAttribute('data-language')) {
-          lang = $pre[0].getAttribute('data-language');
-        } else if ($pre.parent().hasClass('sourceCode') && $pre[0].children.length > 0 && $pre[0].children[0].classList.length >= 2) {
-          lang = $pre[0].children[0].classList[1];
-          $pre.parent().addClass('code-wrapper');
-        } else if ($pre.parent().hasClass('markdown-body') && $pre[0].classList.length === 0) {
-          $pre.wrap('<div class="code-wrapper"></div>');
-        }
-        lang = lang.toUpperCase().replace('NONE', CONFIG.code_language.default);
-      }
-      $pre.append(copyTmpl.replace('LANG', lang).replace('code-widget">',
-        getBgClass($pre[0]) + (enableCopy ? ' code-widget copy-btn" data-clipboard-snippet><i class="iconfont icon-copy"></i>' : ' code-widget">')));
-
-      if (enableCopy) {
-        Fluid.utils.createScript('${url_join(theme.static_prefix.clipboard, 'clipboard.min.js')}', function() {
-          var clipboard = new window.ClipboardJS('.copy-btn', {
-            target: function(trigger) {
-              var nodes = trigger.parentNode.childNodes;
-              for (var i = 0; i < nodes.length; i++) {
-                if (nodes[i].tagName === 'CODE') {
-                  return nodes[i];
-                }
-              }
-            }
-          });
-          clipboard.on('success', function(e) {
-            e.clearSelection();
-            e.trigger.innerHTML = e.trigger.innerHTML.replace('icon-copy', 'icon-success');
-            setTimeout(function() {
-              e.trigger.innerHTML = e.trigger.innerHTML.replace('icon-success', 'icon-copy');
-            }, 2000);
-          });
-        });
-      }
-    });
-  })();
-</script>
+if (theme.code.copy_btn) {
+  import_script(`<script src=${url_join(theme.static_prefix.clipboard, 'clipboard.min.js')}></script>`)
+}
+import_script(`<script>Fluid.plugins.codeWidget();</script>
 `)
 %>

package/layout/_partials/plugins/encrypt.ejs

@@ -0,0 +1,18 @@
+<%
+import_script(`
+  <script defer>
+    if (document.getElementById('hbePass')) {
+      Fluid.utils.waitElementLoaded('hbe-prefix', function() {
+        var hbePrefix = document.querySelector('hbe-prefix');
+        hbePrefix.parentElement.classList.add('markdown-body');
+        Fluid.utils.retry(function() {
+          if (Fluid.boot && Fluid.boot.refreshPlugins) {
+            Fluid.boot.refreshPlugins();
+            return true;
+          }
+        }, 100, 10);
+      })
+    }
+  </script>
+`)
+%>

package/layout/_partials/plugins/math.ejs

@@ -4,37 +4,33 @@
 
     import_script(`
       <script>
-        MathJax = {
-          tex    : {
-            inlineMath: { '[+]': [['$', '$']] }
-          },
-          loader : {
-            ${ lazy ? 'load: \[\'ui/lazy\'\]' : '' }
-          },
-          options: {
-            renderActions: {
-              findScript    : [10, doc => {
-                document.querySelectorAll('script[type^="math/tex"]').forEach(node => {
-                  const display = !!node.type.match(/; *mode=display/);
-                  const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display);
-                  const text = document.createTextNode('');
-                  node.parentNode.replaceChild(text, node);
-                  math.start = { node: text, delim: '', n: 0 };
-                  math.end = { node: text, delim: '', n: 0 };
-                  doc.math.push(math);
-                });
-              }, '', false],
-              insertedScript: [200, () => {
-                document.querySelectorAll('mjx-container').forEach(node => {
-                  let target = node.parentNode;
-                  if (target.nodeName.toLowerCase() === 'li') {
-                    target.parentNode.classList.add('has-jax');
-                  }
-                });
-              }, '', false]
+        if (!window.MathJax) {
+          window.MathJax = {
+            tex    : {
+              inlineMath: { '[+]': [['$', '$']] }
+            },
+            loader : {
+              ${ lazy ? 'load: \[\'ui/lazy\'\]' : '' }
+            },
+            options: {
+              renderActions: {
+                insertedScript: [200, () => {
+                  document.querySelectorAll('mjx-container').forEach(node => {
+                    let target = node.parentNode;
+                    if (target.nodeName.toLowerCase() === 'li') {
+                      target.parentNode.classList.add('has-jax');
+                    }
+                  });
+                }, '', false]
+              }
             }
-          }
-        };
+          };
+        } else {
+          MathJax.startup.document.state(0);
+          MathJax.texReset();
+          MathJax.typeset();
+          MathJax.typesetPromise();
+        }
       </script>
     `)
 

package/layout/_partials/scripts.ejs

@@ -5,7 +5,6 @@
 <%- js_ex(theme.static_prefix.internal_js, 'plugins.js') %>
 
 <%- partial('_partials/plugins/typed.ejs') %>
-<%- partial('_partials/plugins/analytics.ejs') %>
 
 <% if (theme.lazyload.enable){ %>
   <% if (theme.lazyload.onlypost) { %>

package/layout/about.ejs

@@ -50,4 +50,4 @@ page.banner_mask_alpha = page.banner_mask_alpha || theme.about.banner_mask_alpha
   <% } %>
 </article>
 
-<% import_css(theme.static_prefix.hint, 'hint.min.css') %>
+<%- partial('_partials/markdown-plugins') %>

package/layout/links.ejs

@@ -5,6 +5,7 @@ page.subtitle = theme.links.subtitle || __('links.subtitle')
 page.banner_img = theme.links.banner_img
 page.banner_img_height = theme.links.banner_img_height
 page.banner_mask_alpha = theme.links.banner_mask_alpha
+page.comment = theme.links.comments.type
 %>
 
 <div class="row links">

package/layout/page.ejs

@@ -14,28 +14,5 @@ page.banner_mask_alpha = page.banner_mask_alpha || theme.page.banner_mask_alpha
 </article>
 
 <% if (/<[^>]+? class="[^"]*?markdown-body[^"]*?"/gims.test(page.content)) { %>
-  <% import_css(theme.static_prefix.github_markdown, 'github-markdown.min.css') %>
-  <% import_css(theme.static_prefix.hint, 'hint.min.css') %>
-
-  <% if (theme.code.highlight.enable) { %>
-    <%- partial('_partials/plugins/highlight.ejs') %>
-  <% } %>
-  <% if ((theme.code.language.enable && theme.code.language.default) || theme.code.copy_btn) { %>
-    <%- partial('_partials/plugins/code-widget.ejs') %>
-  <% } %>
-  <% if (theme.fun_features.anchorjs.enable && page.anchorjs !== false) { %>
-    <%- partial('_partials/plugins/anchorjs.ejs') %>
-  <% } %>
-  <% if (theme.post.image_zoom.enable && page.image_zoom !== false) { %>
-    <%- partial('_partials/plugins/fancybox.ejs') %>
-  <% } %>
-  <% if (theme.post.image_caption.enable) { %>
-    <% import_script('<script>Fluid.plugins.imageCaption();</script>') %>
-  <% } %>
-  <% if (theme.post.math.enable && (!theme.post.math.specific || (theme.post.math.specific && page.math))) { %>
-    <%- partial('_partials/plugins/math.ejs') %>
-  <% } %>
-  <% if (theme.post.mermaid.enable && (!theme.post.mermaid.specific || (theme.post.mermaid.specific && page.mermaid))) { %>
-    <%- partial('_partials/plugins/mermaid.ejs') %>
-  <% } %>
+  <%- partial('_partials/markdown-plugins') %>
 <% } %>

package/layout/post.ejs

@@ -35,18 +35,25 @@ page.banner_mask_alpha = page.banner_mask_alpha || theme.post.banner_mask_alpha
                 <% } %>
               </p>
             <% } %>
-            <div class="markdown-body">
+            <% if (page.encrypt === true) { %>
               <%- inject_point('postMarkdownBegin') %>
               <%- page.content %>
+              <%- partial('_partials/plugins/encrypt') %>
               <%- inject_point('postMarkdownEnd') %>
-            </div>
+            <% } else { %>
+              <div class="markdown-body">
+                <%- inject_point('postMarkdownBegin') %>
+                <%- page.content %>
+                <%- inject_point('postMarkdownEnd') %>
+              </div>
+            <% } %>
             <hr/>
             <div>
               <%- inject_point('postMetaBottom') %>
 
               <%- inject_point('postCopyright') %>
 
-              <% if(theme.post.prev_next.enable && !page.hide) { %>
+              <% if (theme.post.prev_next.enable && !page.hide) { %>
                 <div class="post-prevnext my-3">
                   <article class="post-prev col-6">
                     <% const prev = prev_post(page) %>
@@ -84,30 +91,7 @@ page.banner_mask_alpha = page.banner_mask_alpha || theme.post.banner_mask_alpha
   </div>
 </div>
 
-<% import_css(theme.static_prefix.github_markdown, 'github-markdown.min.css') %>
-<% import_css(theme.static_prefix.hint, 'hint.min.css') %>
-
-<% if (theme.code.highlight.enable) { %>
-  <%- partial('_partials/plugins/highlight.ejs') %>
-<% } %>
-<% if ((theme.code.language.enable && theme.code.language.default) || theme.code.copy_btn) { %>
-  <%- partial('_partials/plugins/code-widget.ejs') %>
-<% } %>
-<% if (theme.fun_features.anchorjs.enable && page.anchorjs !== false) { %>
-  <%- partial('_partials/plugins/anchorjs.ejs') %>
-<% } %>
-<% if (theme.post.image_zoom.enable && page.image_zoom !== false) { %>
-  <%- partial('_partials/plugins/fancybox.ejs') %>
-<% } %>
-<% if (theme.post.image_caption.enable) { %>
-  <% import_script('<script>Fluid.plugins.imageCaption();</script>') %>
-<% } %>
-<% if (theme.post.math.enable && (!theme.post.math.specific || (theme.post.math.specific && page.math))) { %>
-  <%- partial('_partials/plugins/math.ejs') %>
-<% } %>
-<% if (theme.post.mermaid.enable && (!theme.post.mermaid.specific || (theme.post.mermaid.specific && page.mermaid))) { %>
-  <%- partial('_partials/plugins/mermaid.ejs') %>
-<% } %>
+<%- partial('_partials/markdown-plugins') %>
 
 <% if(theme.post.custom && theme.post.custom.enable && theme.post.custom.content && page.custom !== false) { %>
   <!-- Custom -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-fluid",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "An elegant Material-Design theme for Hexo.",
   "main": "package.json",
   "files": [

package/scripts/events/lib/footnote.js

@@ -1,5 +1,7 @@
 'use strict';
 
+const { stripHTML } = require('hexo-util');
+
 // Register footnotes filter
 module.exports = (hexo) => {
   const config = hexo.theme.config;
@@ -29,7 +31,7 @@ module.exports = (hexo) => {
     text = text.replace(reInlineFootnote, function(match, index, content) {
       footnotes.push({
         index  : index,
-        content: content
+        content: content ? content.trim() : ''
       });
       // remove content of inline footnote
       return '[^' + index + ']';
@@ -39,7 +41,7 @@ module.exports = (hexo) => {
     text = text.replace(reFootnoteContent, function(match, index, content) {
       footnotes.push({
         index  : index,
-        content: content
+        content: content ? content.trim() : ''
       });
       // remove footnote content
       return '';
@@ -63,13 +65,11 @@ module.exports = (hexo) => {
         if (!indexMap[index]) {
           return match;
         }
-        let tooltip = indexMap[index].content;
-        tooltip = hexo.render.renderSync({ text: tooltip, engine: 'markdown' });
-        tooltip = tooltip.replace(/(<.+?>)/g, '');
+        const tooltip = indexMap[index].content;
         return '<sup id="fnref:' + index + '" class="footnote-ref">'
           + '<a href="#fn:' + index + '" rel="footnote">'
           + '<span class="hint--top hint--rounded" aria-label="'
-          + tooltip
+          + stripHTML(tooltip)
           + '">[' + index + ']</span></a></sup>';
       });
 
@@ -79,12 +79,12 @@ module.exports = (hexo) => {
     });
 
     // render footnotes (HTML)
-    footnotes.forEach(function(footNote) {
-      html += '<li><span id="fn:' + footNote.index + '" class="footnote-text">';
+    footnotes.forEach(function(item) {
+      html += '<li><span id="fn:' + item.index + '" class="footnote-text">';
       html += '<span>';
-      const fn = hexo.render.renderSync({ text: footNote.content.trim(), engine: 'markdown' });
+      const fn = hexo.render.renderSync({ text: item.content, engine: 'markdown' });
       html += fn.replace(/(<p>)|(<\/p>)/g, '');
-      html += '<a href="#fnref:' + footNote.index + '" rev="footnote" class="footnote-backref"> ↩</a></span></span></li>';
+      html += '<a href="#fnref:' + item.index + '" rev="footnote" class="footnote-backref"> ↩</a></span></span></li>';
     });
 
     // add footnotes at the end of the content

package/scripts/events/lib/highlight.js

@@ -1,15 +1,12 @@
 'use strict';
 
 const fs = require('fs');
+const css = require('css');
 const objUtil = require('../../utils/object');
 const resolveModule = require('../../utils/resolve');
 
 module.exports = (hexo) => {
 
-  function parseStyleValue(line, attr) {
-    return line.split(attr)[1].replace(';', '').trim();
-  }
-
   function resolveHighlight(name) {
     if (!name) {
       name = 'github-gist';
@@ -21,23 +18,22 @@ module.exports = (hexo) => {
     }
     let backgroundColor;
     if (fs.existsSync(file)) {
-      const css = fs.readFileSync(file).toString();
-      let rule = '';
-      css.replace(/\.hljs(\s+|,[^{]+){(.*?)}/sg, (match, $1, content) => {
-        rule += content;
-        return match;
-      });
-      rule.split('\n').forEach(line => {
-        if (line.includes('background:')) {
-          backgroundColor = parseStyleValue(line, 'background:');
-        } else if (line.includes('background-color:')) {
-          backgroundColor = parseStyleValue(line, 'background-color:');
-        }
-      });
+      const content = fs.readFileSync(file, 'utf8');
+      css.parse(content).stylesheet.rules
+        .filter(rule => rule.type === 'rule' && rule.selectors.some(selector => selector.endsWith('.hljs')))
+        .flatMap(rule => rule.declarations)
+        .forEach(declaration => {
+          if (declaration.property === 'background' || declaration.property === 'background-color') {
+            backgroundColor = declaration.value;
+          }
+        });
     } else {
       hexo.log.error(`[Fluid] highlightjs style '${name}' not found`);
       return {};
     }
+    if (backgroundColor === 'white' || backgroundColor === '#ffffff') {
+      backgroundColor = '#fff';
+    }
     return { file, backgroundColor };
   }
 

package/source/css/_pages/_post/markdown.styl

@@ -6,10 +6,11 @@
   margin-bottom 2rem
   color var(--post-text-color)
 
-  h1, h2
+  & > h1, h2
     border-bottom-color var(--line-color)
 
-  h1, h2, h3, h4, h5, h6
+  & > h1, h2, h3, h4, h5, h6
+    anchor-offset()
     color var(--post-heading-color)
     transition color .2s ease-in-out, border-bottom-color 0.2s ease-in-out
     font-weight bold

package/source/css/_pages/_post/post-page.styl

@@ -16,10 +16,6 @@
   .anchorjs-link-left
     opacity 0 !important
 
-.post-content
-    h1, h2, h3, h4, h5, h6
-      anchor-offset()
-
 .page-content, .post-content
   strong
     font-weight bold

package/source/css/_variables/base.styl

@@ -62,8 +62,8 @@ $scrollbar-hover-color = theme-config("color.scrollbar_hover_color", "#a6a6a6")
 $scrollbar-hover-color-dark = theme-config("color.scrollbar_hover_color_dark", "#9da8b3")
 
 // code
-$highlight-bg-color = hexo-config("code.highlight.highlightjs.light.backgroundColor") && hexo-config("code.highlight.highlightjs.light.backgroundColor") != "white" ? unquote(hexo-config("code.highlight.highlightjs.light.backgroundColor")):#f6f8fa
-$highlight-bg-color-dark = hexo-config("code.highlight.highlightjs.dark.backgroundColor") && hexo-config("code.highlight.highlightjs.dark.backgroundColor") != "white" ? unquote(hexo-config("code.highlight.highlightjs.dark.backgroundColor")):#2d333b
+$highlight-bg-color = hexo-config("code.highlight.highlightjs.light.backgroundColor") && hexo-config("code.highlight.highlightjs.light.backgroundColor") != "#fff" ? unquote(hexo-config("code.highlight.highlightjs.light.backgroundColor")):#f6f8fa
+$highlight-bg-color-dark = hexo-config("code.highlight.highlightjs.dark.backgroundColor") && hexo-config("code.highlight.highlightjs.dark.backgroundColor") != "#fff" ? unquote(hexo-config("code.highlight.highlightjs.dark.backgroundColor")):#2d333b
 $inlinecode-bg-color = rgba(175, 184, 193, .2)
 $inlinecode-bg-color-dark = rgba(99, 110, 123, .4)
 

package/source/js/boot.js

@@ -11,6 +11,44 @@ Fluid.boot.registerEvents = function() {
   Fluid.events.registerImageLoadedEvent();
 };
 
+Fluid.boot.refreshPlugins = function() {
+  Fluid.plugins.fancyBox();
+  Fluid.plugins.codeWidget();
+
+  if ('tocbot' in window) {
+    tocbot.refresh();
+    var toc = jQuery('#toc');
+    if (toc.length === 0 || !tocbot) { return; }
+    if (toc.find('.toc-list-item').length > 0) {
+      toc.css('visibility', 'visible');
+    }
+  }
+
+  if ('anchors' in window) {
+    anchors.removeAll();
+    var el = (CONFIG.anchorjs.element || 'h1,h2,h3,h4,h5,h6').split(',');
+    var res = [];
+    for (var item of el) {
+      res.push('.markdown-body > ' + item.trim());
+    }
+    if (CONFIG.anchorjs.placement === 'left') {
+      anchors.options.class = 'anchorjs-link-left';
+    }
+    anchors.add(res.join(', '));
+  }
+
+  if ('MathJax' in window && MathJax.startup.document && typeof MathJax.startup.document.state === 'function') {
+    MathJax.startup.document.state(0);
+    MathJax.texReset();
+    MathJax.typeset();
+    MathJax.typesetPromise();
+  }
+
+  if ('mermaid' in window) {
+    mermaid.init();
+  }
+}
+
 document.addEventListener('DOMContentLoaded', function() {
   Fluid.boot.registerEvents();
 });

package/source/js/leancloud.js

@@ -1,4 +1,5 @@
 /* global CONFIG */
+// eslint-disable-next-line no-console
 
 (function(window, document) {
   // 查询存储的记录
@@ -22,14 +23,12 @@
                 }
                 resolve(record);
               }).catch(error => {
-              // eslint-disable-next-line no-console
-                console.error('Failed to create', error);
+                console.error('Failed to create: ', error);
                 reject(error);
               });
           }
         }).catch((error) => {
-        // eslint-disable-next-line no-console
-          console.error('LeanCloud Counter Error:', error);
+          console.error('LeanCloud Counter Error: ', error);
           reject(error);
         });
     });
@@ -47,8 +46,7 @@
         }
         resolve(res);
       }).catch((error) => {
-        // eslint-disable-next-line no-console
-        console.error('Failed to save visitor count', error);
+        console.error('Failed to save visitor count: ', error);
         reject(error);
       });
     });

package/source/js/plugins.js

@@ -95,5 +95,70 @@ Fluid.plugins = {
         }
       }
     });
+  },
+
+  codeWidget() {
+    var enableLang = CONFIG.code_language.enable && CONFIG.code_language.default;
+    var enableCopy = CONFIG.copy_btn && 'ClipboardJS' in window;
+    if (!enableLang && !enableCopy) {
+      return;
+    }
+
+    function getBgClass(ele) {
+      return Fluid.utils.getBackgroundLightness(ele) >= 0 ? 'code-widget-light' : 'code-widget-dark';
+    }
+
+    var copyTmpl = '';
+    copyTmpl += '<div class="code-widget">';
+    copyTmpl += 'LANG';
+    copyTmpl += '</div>';
+    jQuery('.markdown-body pre').each(function() {
+      var $pre = jQuery(this);
+      if ($pre.find('code.mermaid').length > 0) {
+        return;
+      }
+      if ($pre.find('span.line').length > 0) {
+        return;
+      }
+
+      var lang = '';
+
+      if (enableLang) {
+        lang = CONFIG.code_language.default;
+        if ($pre[0].children.length > 0 && $pre[0].children[0].classList.length >= 2 && $pre.children().hasClass('hljs')) {
+          lang = $pre[0].children[0].classList[1];
+        } else if ($pre[0].getAttribute('data-language')) {
+          lang = $pre[0].getAttribute('data-language');
+        } else if ($pre.parent().hasClass('sourceCode') && $pre[0].children.length > 0 && $pre[0].children[0].classList.length >= 2) {
+          lang = $pre[0].children[0].classList[1];
+          $pre.parent().addClass('code-wrapper');
+        } else if ($pre.parent().hasClass('markdown-body') && $pre[0].classList.length === 0) {
+          $pre.wrap('<div class="code-wrapper"></div>');
+        }
+        lang = lang.toUpperCase().replace('NONE', CONFIG.code_language.default);
+      }
+      $pre.append(copyTmpl.replace('LANG', lang).replace('code-widget">',
+        getBgClass($pre[0]) + (enableCopy ? ' code-widget copy-btn" data-clipboard-snippet><i class="iconfont icon-copy"></i>' : ' code-widget">')));
+
+      if (enableCopy) {
+        var clipboard = new ClipboardJS('.copy-btn', {
+          target: function(trigger) {
+            var nodes = trigger.parentNode.childNodes;
+            for (var i = 0; i < nodes.length; i++) {
+              if (nodes[i].tagName === 'CODE') {
+                return nodes[i];
+              }
+            }
+          }
+        });
+        clipboard.on('success', function(e) {
+          e.clearSelection();
+          e.trigger.innerHTML = e.trigger.innerHTML.replace('icon-copy', 'icon-success');
+          setTimeout(function() {
+            e.trigger.innerHTML = e.trigger.innerHTML.replace('icon-success', 'icon-copy');
+          }, 2000);
+        });
+      }
+    });
   }
 };

package/source/js/utils.js

@@ -174,7 +174,19 @@ Fluid.utils = {
     }
     var colorCast = (0.213 * rgbArr[0]) + (0.715 * rgbArr[1]) + (0.072 * rgbArr[2]);
     return colorCast === 0 || colorCast > 255 / 2 ? 1 : -1;
-  }
+  },
+
+  retry(handler, interval, times) {
+    if (times <= 0) {
+      return;
+    }
+    var next = function() {
+      if (--times >= 0 && !handler()) {
+        setTimeout(next, interval);
+      }
+    };
+    setTimeout(next, interval);
+  },
 
 };