hexo-theme-fluid 1.8.13 → 1.9.1

package/layout/_partials/category-chains.ejs

@@ -0,0 +1,19 @@
+<% function render_category_chain(cat) { %>
+  <a href="<%= url_for(cat.path) %>" class="category-chain-item"><%= cat.name.trim() %></a>
+  <% var nextCats = categories.find({ parent: cat._id }).sort(config.index_generator.order_by || 'name').filter(cat => cat.length) %>
+  <% if (nextCats.length > 0) { %>
+    <span>></span>
+    <%- render_category_chain(nextCats.data[0]) %>
+  <% } %>
+<% } %>
+
+<span class="category-chains">
+  <% var catsFirst = categories.find({ parent: { $exists: false } }).sort(config.index_generator.order_by || 'name').filter(cat => cat.length) %>
+  <% catsFirst.each((cat, idx) => { %>
+    <% if (typeof(limit) === "undefined" || idx < limit) { %>
+      <span class="category-chain">
+        <%- render_category_chain(cat) %>
+      </span>
+    <% } %>
+  <% }) %>
+</span>

package/layout/_partials/category-list.ejs

@@ -0,0 +1,62 @@
+<% function render_categories(curCats, params = {}, depth = 0) { %>
+  <% return curCats.each((cat) => { %>
+    <% var subCats = site.categories.find({ parent: cat._id }).sort(params.orderBy || 'name').filter(cat => cat.length) %>
+    <% var collapsed = subCats.length === 0 || depth >= theme.category.collapse_depth %>
+    <% if ((params.activeIds || []).includes(cat._id)) collapsed = false %>
+    <div class="<%= depth <= 0 ? 'category' : 'category-sub' %> row nomargin-x">
+      <a class="<%= depth <= 0 ? 'category-item' : 'category-subitem' %> <%= collapsed ? 'collapsed' : '' %>
+          list-group-item category-item-action col-10 col-md-11 col-xm-11" title="<%= cat.name.trim() %>"
+        id="heading-<%= md5(cat.name) %>" role="tab" data-toggle="collapse" href="#collapse-<%= md5(cat.name) %>"
+        aria-expanded="<%= collapsed ? 'false' : 'true' %>"
+      >
+        <%= cat.name.trim() %>
+        <span class="list-group-count"><%= params.type === 'post' ? `(${ cat.posts.length })` : '' %></span>
+        <i class="iconfont icon-arrowright"></i>
+      </a>
+      <% if(params.type !== 'post') { %>
+        <a href="<%= url_for(cat.path) %>" class="category-count col-2 col-md-1 col-xm-1">
+          <i class="iconfont icon-articles"></i>
+          <span><%= cat.posts.length %></span>
+        </a>
+      <% } %>
+      <div class="category-collapse collapse <%= collapsed ? '' : 'show' %>" id="collapse-<%= md5(cat.name) %>"
+           role="tabpanel" aria-labelledby="heading-<%= md5(cat.name) %>">
+        <% var posts = cat.posts.sort(params.postOrderBy || '-date') %>
+        <% if (subCats.length > 0) { %>
+          <% var filteredPosts = posts.filter((p) => {
+            return p.categories.filter(catOnPost => catOnPost.parent === cat._id).length === 0;
+          }) %>
+          <%- render_posts(filteredPosts, cat, params) %>
+          <%- render_categories(subCats, params, depth + 1) %>
+        <% } else { %>
+          <%- render_posts(posts, cat, params) %>
+        <% } %>
+      </div>
+    </div>
+  <% }) %>
+<% } %>
+
+<% function render_posts(posts, cat, params) { %>
+  <div class="category-post-list">
+    <% var limit = params.postLimit %>
+    <% for (var idx = 0; idx < posts.length; idx++) { %>
+      <% var post = posts.data[idx] %>
+      <% if (idx && limit && idx >= limit) { %>
+        <a href="<%= url_for(cat.path) %>" class="list-group-item list-group-item-action">
+          <span class="category-post"><%- __('category.more') %></span>
+        </a>
+        <% break %>
+      <% } else { %>
+        <a href="<%= url_for(post.path) %>" title="<%= post.title %>"
+           class="list-group-item list-group-item-action
+           <%= (params.activeIds || []).includes(post._id) ? 'active' : ''  %>">
+          <span class="category-post"><%= post.title %></span>
+        </a>
+      <% } %>
+    <% } %>
+  </div>
+<% } %>
+
+<div class="category-list">
+  <%- render_categories(curCats, params) %>
+</div>

package/layout/_partials/comments/giscus.ejs

@@ -0,0 +1,36 @@
+<% if (theme.giscus && theme.giscus['repo'] && theme.giscus['repo-id']) { %>
+    <div id="giscus" class="giscus"></div>
+    <script type="text/javascript">
+      Fluid.utils.loadComments('#giscus', function() {
+        var options = <%- JSON.stringify(theme.giscus || {}) %>;
+        var attributes = {};
+        for (let option in options) {
+          if (!option.startsWith('theme-')) {
+            var key = option.startsWith('data-') ? option : 'data-' + option;
+            attributes[key] = options[option];
+          }
+        }
+        var light = '<%= theme.giscus['theme-light'] || 'light' %>';
+        var dark = '<%= theme.giscus['theme-dark'] || 'dark' %>';
+        window.GiscusThemeLight = light;
+        window.GiscusThemeDark = dark;
+        attributes['data-theme'] = document.documentElement.getAttribute('data-user-color-scheme') === 'dark' ? dark : light;
+        for (let attribute in attributes) {
+          var value = attributes[attribute];
+          if (value === undefined || value === null || value === '') {
+            delete attributes[attribute];
+          }
+        }
+        var s = document.createElement('script');
+        s.setAttribute('src', 'https://giscus.app/client.js');
+        s.setAttribute('crossorigin', 'anonymous');
+        for (let attribute in attributes) {
+          s.setAttribute(attribute, attributes[attribute]);
+        }
+        var ss = document.getElementsByTagName('script');
+        var e = ss.length > 0 ? ss[ss.length - 1] : document.head || document.documentElement;
+        e.parentNode.insertBefore(s, e.nextSibling);
+      });
+    </script>
+    <noscript>Please enable JavaScript to view the comments</noscript>
+<% } %>

package/layout/{_partial → _partials}/comments/twikoo.ejs

@@ -9,7 +9,9 @@
             el: '#twikoo',
             path: '<%= theme.twikoo.path %>',
             onCommentLoaded: function() {
-              Fluid.plugins.initFancyBox('#twikoo .tk-content img:not(.tk-owo-emotion)');
+              var imgSelector = '#twikoo .tk-content img:not(.tk-owo-emotion)';
+              Fluid.plugins.imageCaption(imgSelector);
+              Fluid.plugins.fancyBox(imgSelector);
             }
           }
         )

package/layout/{_partial → _partials}/comments/utterances.ejs

@@ -19,7 +19,7 @@
       s.setAttribute('label', '<%= theme.utterances.label %>');
       <% } %>
       s.setAttribute('theme', schema);
-      s.setAttribute('crossorigin', '<%= theme.utterances.crossorigin %>');
+      s.setAttribute('crossorigin', 'anonymous');
       document.getElementById('comments').appendChild(s);
     })
   </script>

package/layout/{_partial → _partials}/comments/valine.ejs

@@ -12,7 +12,9 @@
         )
         new Valine(options);
         Fluid.utils.waitElementVisible('#valine .vcontent', () => {
-          Fluid.plugins.initFancyBox('#valine .vcontent img:not(.vemoji)');
+          var imgSelector = '#valine .vcontent img:not(.vemoji)';
+          Fluid.plugins.imageCaption(imgSelector);
+          Fluid.plugins.fancyBox(imgSelector);
         })
       });
     });

package/layout/{_partial → _partials}/comments/waline.ejs

@@ -2,7 +2,8 @@
   <div id="waline"></div>
   <script type="text/javascript">
     Fluid.utils.loadComments('#waline', function() {
-      Fluid.utils.createScript('<%= url_join(theme.static_prefix.waline, 'Waline.min.js') %>', function() {
+      Fluid.utils.createCssLink('<%= url_join(theme.static_prefix.waline, 'waline.min.css') %>')
+      Fluid.utils.createScript('<%= url_join(theme.static_prefix.waline, 'waline.min.js') %>', function() {
         var options = Object.assign(
           <%- JSON.stringify(theme.waline || {}) %>,
           {
@@ -10,9 +11,11 @@
             path: <%= theme.waline.path %>
           }
         )
-        new Waline(options);
+        Waline.init(options);
         Fluid.utils.waitElementVisible('#waline .vcontent', () => {
-          Fluid.plugins.initFancyBox('#waline .vcontent img:not(.vemoji)');
+          var imgSelector = '#waline .vcontent img:not(.vemoji)';
+          Fluid.plugins.imageCaption(imgSelector);
+          Fluid.plugins.fancyBox(imgSelector);
         })
       });
     });

package/layout/_partials/comments.ejs

@@ -0,0 +1,5 @@
+<% if ((!is_post() && !is_page()) || (is_post() && theme.post.comments.enable && page.comments) || (is_page() && page.comments)) { %>
+  <article id="comments">
+    <%- partial('_partials/comments/' + (typeof page.comment === 'string' && page.comment !== '' ? page.comment : theme.post.comments.type)) %>
+  </article>
+<% } %>

package/layout/_partials/css.ejs

@@ -0,0 +1,26 @@
+<%- css_ex(theme.static_prefix.bootstrap, 'css/bootstrap.min.css') %>
+
+<% var css_snippets = deduplicate(page.css_snippets) %>
+<% for (var idx = 0; idx < css_snippets.length; idx++) { %>
+  <%- css_snippets[idx] %>
+<% } %>
+<% page.css_snippets = [] %>
+
+<!-- 主题依赖的图标库，不要自行修改 -->
+<!-- Do not modify the link that theme dependent icons -->
+<%- css('//at.alicdn.com/t/font_1749284_hj8rtnfg7um.css') %>
+
+<%- css(theme.static_prefix.iconfont || theme.iconfont) %>
+
+<%- css_ex(theme.static_prefix.internal_css, 'main.css') %>
+
+<% if (theme.code.highlight.enable) { %>
+  <%- css_ex(theme.static_prefix.internal_css, 'highlight.css', 'id="highlight-css"') %>
+  <% if (theme.dark_mode.enable) { %>
+    <%- css_ex(theme.static_prefix.internal_css, 'highlight-dark.css', 'id="highlight-css-dark"') %>
+  <% } %>
+<% } %>
+
+<% if (theme.custom_css) { %>
+  <%- css(theme.custom_css) %>
+<% } %>

package/layout/_partials/footer/beian.ejs

@@ -0,0 +1,33 @@
+<div class="beian">
+  <span>
+    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">
+      <%- theme.footer.beian.icp_text %>
+    </a>
+  </span>
+  <% if(theme.footer.beian.police_text) { %>
+    <% if(theme.footer.beian.police_code) { %>
+      <span>
+        <a
+          href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=<%= theme.footer.beian.police_code %>"
+          rel="nofollow noopener"
+          class="beian-police"
+          target="_blank"
+        >
+          <% if(theme.footer.beian.police_icon) { %>
+            <span style="visibility: hidden; width: 0">|</span>
+            <img src="<%= url_for(theme.footer.beian.police_icon) %>" alt="police-icon"/>
+          <% } %>
+          <span><%- theme.footer.beian.police_text %></span>
+        </a>
+      </span>
+    <% } else { %>
+      <span class="beian-police">
+        <% if(theme.footer.beian.police_icon) { %>
+          <span style="visibility: hidden; width: 0">|</span>
+          <img src="<%= url_for(theme.footer.beian.police_icon) %>" alt="police-icon"/>
+        <% } %>
+        <span class="beian-police"><%- theme.footer.beian.police_text %></span>
+      </span>
+    <% } %>
+  <% } %>
+</div>

package/layout/_partials/footer/statistics.ejs

@@ -0,0 +1,39 @@
+<div class="statistics">
+  <% var pv_texts = (theme.footer.statistics.pv_format || __('footer.pv')).split('{}') %>
+  <% var uv_texts = (theme.footer.statistics.uv_format || __('footer.uv')).split('{}') %>
+
+  <% if (theme.footer.statistics.source === 'leancloud') { %>
+    <% if (pv_texts.length >= 2) { %>
+      <span id="leancloud-site-pv-container" style="display: none">
+        <%- pv_texts[0] %>
+        <span id="leancloud-site-pv"></span>
+        <%- pv_texts[1] %>
+      </span>
+    <% } %>
+    <% if (uv_texts.length >= 2) { %>
+      <span id="leancloud-site-uv-container" style="display: none">
+        <%- uv_texts[0] %>
+        <span id="leancloud-site-uv"></span>
+        <%- uv_texts[1] %>
+      </span>
+    <% } %>
+    <% import_js(theme.static_prefix.internal_js, 'leancloud.js', 'defer') %>
+
+  <% } else if (theme.footer.statistics.source === 'busuanzi') { %>
+    <% if (pv_texts.length >= 2) { %>
+      <span id="busuanzi_container_site_pv" style="display: none">
+        <%- pv_texts[0] %>
+        <span id="busuanzi_value_site_pv"></span>
+        <%- pv_texts[1] %>
+      </span>
+    <% } %>
+    <% if (uv_texts.length >= 2) { %>
+      <span id="busuanzi_container_site_uv" style="display: none">
+        <%- uv_texts[0] %>
+        <span id="busuanzi_value_site_uv"></span>
+        <%- uv_texts[1] %>
+      </span>
+    <% } %>
+    <% import_js(theme.static_prefix.busuanzi, 'busuanzi.pure.mini.js', 'defer') %>
+  <% } %>
+</div>

package/layout/_partials/footer.ejs

@@ -0,0 +1,18 @@
+<div class="footer-inner">
+  <% if (theme.footer.content) { %>
+    <div class="footer-content">
+      <%- theme.footer.content %>
+    </div>
+  <% } %>
+  <% if (theme.footer.statistics.enable) { %>
+    <%- partial('_partials/footer/statistics.ejs') %>
+  <% } %>
+  <% if(theme.footer.beian.enable) { %>
+    <!-- 备案信息 ICP for China -->
+    <%- partial('_partials/footer/beian.ejs') %>
+  <% } %>
+  <% if(theme.web_analytics.cnzz) { %>
+    <!-- cnzz Analytics Icon -->
+    <span id="cnzz_stat_icon_<%= theme.web_analytics.cnzz %>" style="display: none"></span>
+  <% } %>
+</div>

package/layout/{_partial → _partials}/head.ejs

@@ -30,13 +30,19 @@ var ogConfig = Object.assign({ image: ogImage && url_for(ogImage) }, theme.open_
   <% } else { %>
     <meta name="description" content="<%= description %>">
   <% } %>
+  <% if ((theme.post.meta.views.enable && theme.post.meta.views.source === 'busuanzi')
+    || (theme.footer.statistics.enable && theme.footer.statistics.source === 'busuanzi')) { %>
+    <meta name="referrer" content="no-referrer-when-downgrade">
+  <% } %>
   <% if (theme.custom_head) { %>
     <%- theme.custom_head %>
   <% } %>
   <title><%= title %></title>
 
-  <%- partial('_partial/css.ejs') %>
+  <%- partial('_partials/css.ejs') %>
   <%- export_config() %>
   <%- js_ex(theme.static_prefix.internal_js, 'utils.js') %>
   <%- js_ex(theme.static_prefix.internal_js, 'color-schema.js') %>
+
+  <%- inject_point('head') %>
 </head>

package/layout/_partials/header/banner.ejs

@@ -0,0 +1,33 @@
+<%
+var banner_img = page.banner_img || theme.index.banner_img
+var banner_img_height = parseFloat(page.banner_img_height || theme.index.banner_img_height)
+var banner_mask_alpha = parseFloat(page.banner_mask_alpha || theme.index.banner_mask_alpha)
+var subtitle = page.subtitle || page.title
+%>
+
+<div id="banner" class="banner" <%- theme.banner && theme.banner.parallax && 'parallax=true' %>
+     style="background: url('<%- url_for(banner_img) %>') no-repeat center center; background-size: cover;">
+  <div class="full-bg-img">
+    <div class="mask flex-center" style="background-color: rgba(0, 0, 0, <%= parseFloat(banner_mask_alpha) %>)">
+      <div class="banner-text text-center fade-in-up">
+        <div class="h2">
+          <% if(theme.fun_features.typing.enable && in_scope(theme.fun_features.typing.scope)) { %>
+            <span id="subtitle" data-typed-text="<%= subtitle %>"></span>
+          <% } else { %>
+            <span id="subtitle"><%- subtitle %></span>
+          <% } %>
+        </div>
+
+        <% if (is_post()) { %>
+          <%- inject_point('postMetaTop') %>
+        <% } %>
+      </div>
+
+      <% if (theme.scroll_down_arrow.enable && theme.scroll_down_arrow.banner_height_limit <= banner_img_height && page.layout !== '404') { %>
+        <div class="scroll-down-bar">
+          <i class="iconfont icon-arrowdown"></i>
+        </div>
+      <% } %>
+    </div>
+  </div>
+</div>

package/layout/{_partial/nav.ejs → _partials/header/navigation.ejs}

@@ -15,8 +15,8 @@
       <ul class="navbar-nav ml-auto text-center">
         <% for(const each of theme.navbar.menu || []) { %>
           <% if (!each.submenu && !each.link) continue %>
-          <% var text = each.name || __(each.key + '.title') %>
-          <% if (text.indexOf('.title') !== -1) {
+          <% var text = each.name || __(each.key + '.menu') || __(each.key + '.title') %>
+          <% if (text.indexOf('.menu') !== -1 || text.indexOf('.title') !== -1) {
             text = each.key
           } %>
           <% if (each.submenu) { %>
@@ -55,6 +55,7 @@
               &nbsp;<i class="iconfont icon-search"></i>&nbsp;
             </a>
           </li>
+          <% import_js(theme.static_prefix.internal_js, 'local-search.js') %>
         <% } %>
         <% if(theme.dark_mode && theme.dark_mode.enable) { %>
           <li class="nav-item" id="color-toggle-btn">

package/layout/_partials/header.ejs

@@ -0,0 +1,8 @@
+<%
+var banner_img_height = parseFloat(page.banner_img_height || theme.index.banner_img_height)
+%>
+
+<div class="header-inner" style="height: <%= banner_img_height %>vh;">
+  <%- partial('_partials/header/navigation') %>
+  <%- partial('_partials/header/banner') %>
+</div>

package/layout/_partials/plugins/analytics.ejs

@@ -0,0 +1,87 @@
+<% if (theme.web_analytics.enable) { %>
+
+  <% if(theme.web_analytics.baidu) { %>
+    <!-- Baidu Analytics -->
+    <script defer>
+      if (!Fluid.ctx.dnt) {
+        var _hmt = _hmt || [];
+        (function() {
+          var hm = document.createElement("script");
+          hm.src = "https://hm.baidu.com/hm.js?<%= theme.web_analytics.baidu %>";
+          var s = document.getElementsByTagName("script")[0];
+          s.parentNode.insertBefore(hm, s);
+        })();
+      }
+    </script>
+  <% } %>
+
+  <% if (theme.web_analytics.google){ %>
+    <!-- Google Analytics -->
+    <script defer>
+      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) };
+          ga.l = +new Date;
+          ga('create', '<%= theme.web_analytics.google %>', 'auto');
+          ga('send', 'pageview');
+        });
+      }
+    </script>
+  <% } %>
+
+  <% if (theme.web_analytics.gtag){ %>
+    <!-- Google gtag.js -->
+    <script defer>
+      if (!Fluid.ctx.dnt) {
+        Fluid.utils.createScript('https://www.googletagmanager.com/gtag/js?id=<%= theme.web_analytics.gtag %>', function() {
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', '<%- theme.web_analytics.gtag %>');
+        });
+      }
+    </script>
+  <% } %>
+
+  <% if(theme.web_analytics.tencent && theme.web_analytics.tencent.sid && theme.web_analytics.tencent.cid) { %>
+    <!-- Tencent Analytics -->
+    <script defer>
+      if (!Fluid.ctx.dnt) {
+        var _mtac = {};
+        (function() {
+          var mta = document.createElement("script");
+          mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
+          mta.setAttribute("name", "MTAH5");
+          mta.setAttribute("sid", "<%= theme.web_analytics.tencent.sid %>");
+          <% if(theme.web_analytics.tencent.cid) { %>
+          mta.setAttribute("cid", "<%= theme.web_analytics.tencent.cid %>");
+          <% } %>
+          var s = document.getElementsByTagName("script")[0];
+          s.parentNode.insertBefore(mta, s);
+        })();
+      }
+    </script>
+  <% } %>
+
+  <% if(theme.web_analytics.woyaola) { %>
+    <!-- 51.la Analytics -->
+    <script defer>
+      if (!Fluid.ctx.dnt) {
+        Fluid.utils.createScript('//js.users.51.la/<%= theme.web_analytics.woyaola %>.js');
+      }
+    </script>
+  <% } %>
+
+  <% if(theme.web_analytics.cnzz) { %>
+    <!-- cnzz Analytics -->
+    <script defer>
+      if (!Fluid.ctx.dnt) {
+        Fluid.utils.createScript('//s4.cnzz.com/z_stat.php?id=<%= theme.web_analytics.cnzz %>&show=pic');
+      }
+    </script>
+  <% } %>
+
+  <% if(theme.web_analytics.leancloud && theme.web_analytics.leancloud.app_id && theme.web_analytics.leancloud.app_key) { %>
+    <% import_js(theme.static_prefix.internal_js, 'leancloud.js', 'defer') %>
+  <% } %>
+<% } %>

package/layout/_partials/plugins/anchorjs.ejs

@@ -0,0 +1,24 @@
+<%
+import_script(`
+<script>
+  Fluid.utils.createScript('${ url_join(theme.static_prefix.anchor, 'anchor.min.js') }', function() {
+    window.anchors.options = {
+      placement: CONFIG.anchorjs.placement,
+      visible  : CONFIG.anchorjs.visible
+    };
+    if (CONFIG.anchorjs.icon) {
+      window.anchors.options.icon = CONFIG.anchorjs.icon;
+    }
+    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') {
+      window.anchors.options.class = 'anchorjs-link-left';
+    }
+    window.anchors.add(res.join(', '));
+  });
+</script>
+`)
+%>

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

@@ -0,0 +1,71 @@
+<%
+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>
+`)
+%>

package/layout/_partials/plugins/fancybox.ejs

@@ -0,0 +1,11 @@
+<%
+import_css(theme.static_prefix.fancybox, 'jquery.fancybox.min.css')
+
+import_script(`
+<script>
+  Fluid.utils.createScript('${url_join(theme.static_prefix.fancybox, 'jquery.fancybox.min.js')}', function() {
+    Fluid.plugins.fancyBox();
+  });
+</script>
+`)
+%>

package/layout/_partials/plugins/highlight.ejs

@@ -0,0 +1,13 @@
+<%
+if (theme.code.highlight.lib === 'prismjs') {
+  if (!theme.code.highlight.prismjs.preprocess) {
+    import_js(theme.static_prefix.prismjs, 'components/prism-core.min.js')
+    import_js(theme.static_prefix.prismjs, 'plugins/autoloader/prism-autoloader.min.js')
+  }
+
+  if (theme.code.highlight.line_number) {
+    import_css(theme.static_prefix.prismjs, '/plugins/line-numbers/prism-line-numbers.min.css')
+    import_js(theme.static_prefix.prismjs, '/plugins/line-numbers/prism-line-numbers.min.js')
+  }
+}
+%>