hexo-theme-fluid 1.9.0 → 1.9.3

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
 
 # 对页面中的图片和评论插件进行懒加载处理，可见范围外的元素不会提前加载
@@ -727,7 +727,7 @@ post:
     enable: false
     # 指定的插件，需要同时设置对应插件的必要参数
     # The specified plugin needs to set the necessary parameters at the same time
-    # Options: utterances | disqus | gitalk | valine | waline | changyan | livere | remark42 | twikoo | cusdis
+    # Options: utterances | disqus | gitalk | valine | waline | changyan | livere | remark42 | twikoo | cusdis | giscus
     type: disqus
 
 
@@ -864,6 +864,23 @@ cusdis:
   app_id:
   lang: zh-cn
 
+# Giscus
+# 基于 GitHub Discussions，类似于 Utterances
+# Based on GitHub Discussions, similar to Utterances
+# See: https://giscus.app/
+giscus:
+  repo:
+  repo-id:
+  category:
+  category-id:
+  theme-light: light
+  theme-dark: dark
+  mapping: pathname
+  reactions-enabled: 1
+  emit-metadata: 0
+  input-position: top
+  lang: zh-CN
+
 #---------------------------
 # 归档页
 # Archive Page
@@ -1014,13 +1031,13 @@ links:
     enable: false
     # 指定的插件，需要同时设置对应插件的必要参数
     # The specified plugin needs to set the necessary parameters at the same time
-    # Options: utterances | disqus | gitalk | valine | waline | changyan | livere | remark42 | twikoo | cusdis
+    # Options: utterances | disqus | gitalk | valine | waline | changyan | livere | remark42 | twikoo | cusdis | giscus
     type: disqus
 
 
 #---------------------------
 # 以下是配置 JS CSS 等静态资源的 URL 前缀，可以自定义成 CDN 地址，
-# 默认的 jsDelivr CDN 可能在部分地区无法访问，如果需要修改，最好使用与默认配置相同的版本，以避免潜在的问题，
+# 如果需要修改，最好使用与默认配置相同的版本，以避免潜在的问题，
 # ** 如果你不知道如何设置，请不要做任何改动 **
 #
 # Here is the url prefix to configure the static assets. Set CDN addresses you want to customize.
@@ -1043,9 +1060,9 @@ static_prefix:
 
   bootstrap: https://lib.baomitu.com/twitter-bootstrap/4.6.1/
 
-  prismjs: https://lib.baomitu.com/prism/1.26.0/
+  prismjs: https://lib.baomitu.com/prism/1.28.0/
 
-  tocbot: https://lib.baomitu.com/tocbot/4.18.0/
+  tocbot: https://lib.baomitu.com/tocbot/4.18.2/
 
   typed: https://lib.baomitu.com/typed.js/2.0.12/
 
@@ -1053,24 +1070,24 @@ static_prefix:
 
   nprogress: https://lib.baomitu.com/nprogress/0.2.0/
 
-  mathjax: https://lib.baomitu.com/mathjax/3.2.0/
+  mathjax: https://lib.baomitu.com/mathjax/3.2.2/
 
-  katex: https://lib.baomitu.com/KaTeX/0.15.2/
+  katex: https://lib.baomitu.com/KaTeX/0.16.2/
 
   busuanzi: https://busuanzi.ibruce.info/busuanzi/2.3/
 
-  clipboard: https://lib.baomitu.com/clipboard.js/2.0.10/
+  clipboard: https://lib.baomitu.com/clipboard.js/2.0.11/
 
-  mermaid: https://lib.baomitu.com/mermaid/8.13.10/
+  mermaid: https://lib.baomitu.com/mermaid/8.14.0/
 
-  valine: https://lib.baomitu.com/valine/1.4.16/
+  valine: https://lib.baomitu.com/valine/1.5.1/
 
-  waline: https://lib.baomitu.com/waline/2.3.2/
+  waline: https://lib.baomitu.com/waline/2.6.3/
 
-  gitalk: https://lib.baomitu.com/gitalk/1.7.2/
+  gitalk: https://lib.baomitu.com/gitalk/1.8.0/
 
   disqusjs: https://lib.baomitu.com/disqusjs/1.3.0/
 
-  twikoo: https://lib.baomitu.com/twikoo/1.4.17/
+  twikoo: https://lib.baomitu.com/twikoo/1.6.7/
 
   hint: https://lib.baomitu.com/hint.css/2.7.0/

package/languages/ru.yml

@@ -0,0 +1,69 @@
+name: 'Русский'
+
+home:
+  menu: 'Главная'
+  title: 'Главная'
+
+archive:
+  menu: 'Архивы'
+  title: 'Архивы'
+  subtitle: 'Архивы'
+  post_total: '%d сообщений всего'
+
+category:
+  menu: 'Категории'
+  title: 'Категории'
+  subtitle: 'Категории'
+  post_total: '%d сообщений всего'
+  more: 'More...'
+
+tag:
+  menu: 'Теги'
+  title: 'Теги'
+  subtitle: 'Теги'
+  post_total: '%d сообщений всего'
+  
+about:
+  menu: 'О'
+  title: 'О'
+  subtitle: 'О'
+
+links:
+  menu: 'Ссылки'
+  title: 'Ссылки'
+  subtitle: 'Ссылки'
+
+page404:
+  menu: 'Страница не найдена'
+  title: 'Страница не найдена'
+  subtitle: 'Страница не найдена'
+
+post:
+  toc: 'Оглавление'
+  prev_post: 'Предыдущий'
+  next_post: 'Следующий'
+  updated: 'Последнее обновление %s'
+  meta:
+    wordcount: '%s слов'
+    min2read: '%s минут'
+    views: '{} просмотров'
+  copyright:
+    author: 'Автор'
+    posted: 'Опубликовано на'
+    updated: 'Обновлено'
+    license: 'Лицензировано под'
+    CC: 'CC - Creative Commons license'
+    BY: 'BY - Attribution'
+    SA: 'SA - Share-alike'
+    NC: 'NC - Non-commercial'
+    ND: 'ND - No derivative works'
+
+footer:
+  pv: 'Просмотров: {}'
+  uv: 'Посетителей: {}'
+
+search:
+  title: 'Поиск'
+  keyword: 'Ключевое слово'
+
+noscript_warning: 'Блог лучше всего работает с включенным JavaScript'

package/layout/_partials/category-list.ejs

@@ -2,7 +2,7 @@
   <% 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 %>
+    <% if ((params.filterIds || []).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() %>"
@@ -49,7 +49,7 @@
       <% } else { %>
         <a href="<%= url_for(post.path) %>" title="<%= post.title %>"
            class="list-group-item list-group-item-action
-           <%= (params.activeIds || []).includes(post._id) ? 'active' : ''  %>">
+           <%= (params.filterIds || []).includes(post._id) ? 'active' : ''  %>">
           <span class="category-post"><%= post.title %></span>
         </a>
       <% } %>

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/_partials/head.ejs

@@ -7,7 +7,7 @@ if (keywords instanceof Array) {
 }
 var description = page.description || page.excerpt || (is_post() && page.content) || config.description
 if (description) {
-  description = escape_html(strip_html(description).substring(0, 200).trim()).replace(/\n/g, ' ')
+  description = strip_html(description).substring(0, 200).trim().replace(/\n/g, ' ')
 }
 var ogImage = page.og_img || page.index_img
 var ogConfig = Object.assign({ image: ogImage && url_for(ogImage) }, theme.open_graph)
@@ -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/header/banner.ejs

@@ -1,7 +1,7 @@
 <%
 var banner_img = page.banner_img || theme.index.banner_img
-var banner_img_height = parseFloat(page.banner_img_height || theme.index.banner_img_height) || 100
-var banner_mask_alpha = parseFloat(page.banner_mask_alpha || theme.index.banner_mask_alpha) || 0.3
+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
 %>
 

package/layout/_partials/header.ejs

@@ -1,5 +1,5 @@
 <%
-var banner_img_height = parseInt(page.banner_img_height || theme.index.banner_img_height, 10) || 100
+var banner_img_height = parseFloat(page.banner_img_height || theme.index.banner_img_height)
 %>
 
 <div class="header-inner" style="height: <%= banner_img_height %>vh;">

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/anchorjs.ejs

@@ -18,6 +18,21 @@ import_script(`
       window.anchors.options.class = 'anchorjs-link-left';
     }
     window.anchors.add(res.join(', '));
+
+    Fluid.events.registerRefreshCallback(function() {
+      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(', '));
+      }
+    });
   });
 </script>
 `)

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.refresh) {
+            Fluid.boot.refresh();
+            return true;
+          }
+        }, 100, 10);
+      })
+    }
+  </script>
+`)
+%>

package/layout/_partials/plugins/math.ejs

@@ -4,37 +4,42 @@
 
     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();
+        }
+
+        Fluid.events.registerRefreshCallback(function() {
+          if ('MathJax' in window && MathJax.startup.document && typeof MathJax.startup.document.state === 'function') {
+            MathJax.startup.document.state(0);
+            MathJax.texReset();
+            MathJax.typeset();
+            MathJax.typesetPromise();
           }
-        };
+        });
       </script>
     `)
 

package/layout/_partials/plugins/mermaid.ejs

@@ -1,5 +1,11 @@
 <script>
   Fluid.utils.createScript('<%= url_join(theme.static_prefix.mermaid, 'mermaid.min.js') %>', function() {
     mermaid.initialize(<%- JSON.stringify(theme.post.mermaid.options || {}) %>);
+
+    Fluid.events.registerRefreshCallback(function() {
+      if ('mermaid' in window) {
+        mermaid.init();
+      }
+    });
   });
 </script>

package/layout/_partials/post/category-bar.ejs

@@ -1,17 +1,17 @@
 <%
-var parent = page.categories
+var parent = page.categories.filter(c => !c.parent)
 if (Array.isArray(page.category_bar)) {
-  parent = parent.filter(cat => page.category_bar.indexOf(cat.name) !== -1)
+  parent = page.categories.filter(cat => page.category_bar.indexOf(cat.name) !== -1)
 }
-var activeIds = page.categories.map(c => c._id)
-activeIds.push(page._id)
+var filterIds = page.categories.map(c => c._id)
+filterIds.push(page._id)
 %>
 
 <%- partial('_partials/category-list', {
   curCats  : parent,
   params: {
     type     : 'post',
-    activeIds: activeIds,
+    filterIds: filterIds,
     postLimit: theme.post.category_bar.post_limit,
     postOrderBy: theme.post.category_bar.post_order_by || config.index_generator.order_by
   }

package/layout/_partials/post/copyright.ejs

@@ -1,6 +1,6 @@
 <% if (theme.post.copyright.enable && page.copyright !== false) { %>
   <%
-    var license = theme.post.copyright.license
+    var license = theme.post.copyright.license || ''
     if (typeof page.copyright === 'string') {
       license = page.copyright
     } else if (typeof page.license === 'string') {
@@ -27,29 +27,31 @@
           <div><%= full_date(page.date, theme.post.copyright.post_date.format || 'LL') %></div>
         </div>
       <% } %>
-      <% if (theme.post.copyright.update_date.enable && page.updated) { %>
+      <% if (theme.post.copyright.update_date.enable && page.updated && compare_date(page.date, page.updated)) { %>
         <div class="license-meta-item license-meta-date">
           <div><%- __('post.copyright.updated') %></div>
           <div><%= full_date(page.updated, theme.post.copyright.update_date.format || 'LL') %></div>
         </div>
       <% } %>
-      <div class="license-meta-item">
-        <div><%- __('post.copyright.licensed') %></div>
-        <div>
-          <% if (['BY', 'BY-SA', 'BY-ND', 'BY-NC', 'BY-NC-SA', 'BY-NC-ND'].indexOf(license) !== -1) { %>
-            <% var items = license.split('-') %>
-            <% for (var idx = 0; idx < items.length; idx++) { %>
-              <a target="_blank" href="https://creativecommons.org/licenses/<%= license.toLowerCase() %>/4.0/">
-              <span class="hint--top hint--rounded" aria-label="<%- __('post.copyright.' + items[idx]) %>">
-                <i class="iconfont icon-<%= items[idx].toLowerCase() %>"></i>
-              </span>
-              </a>
+      <% if (license) { %>
+        <div class="license-meta-item">
+          <div><%- __('post.copyright.licensed') %></div>
+          <div>
+            <% if (['BY', 'BY-SA', 'BY-ND', 'BY-NC', 'BY-NC-SA', 'BY-NC-ND'].indexOf(license) !== -1) { %>
+              <% var items = license.split('-') %>
+              <% for (var idx = 0; idx < items.length; idx++) { %>
+                <a target="_blank" href="https://creativecommons.org/licenses/<%= license.toLowerCase() %>/4.0/">
+                  <span class="hint--top hint--rounded" aria-label="<%- __('post.copyright.' + items[idx]) %>">
+                    <i class="iconfont icon-<%= items[idx].toLowerCase() %>"></i>
+                  </span>
+                </a>
+              <% } %>
+            <% } else { %>
+              <%- license %>
             <% } %>
-          <% } else { %>
-            <%- license %>
-          <% } %>
+          </div>
         </div>
-      </div>
+      <% } %>
     </div>
     <div class="license-icon iconfont"></div>
   </div>