hexo-theme-fluid 1.9.6 → 1.9.7

package/README.md

@@ -135,7 +135,7 @@ layout: about
 
 英文文档翻译：[@EatRice](https://eatrice.top/) [@橙子杀手](https://ruru.eatrice.top) [@Sinetian](https://sinetian.github.io/)
 
-其他贡献：[@zhugaoqi](https://github.com/zhugaoqi) [@julydate](https://github.com/julydate)
+其他贡献：[@zhugaoqi](https://github.com/zhugaoqi) [@julydate](https://github.com/julydate) [@xiyuvi](https://xiyu.pro/)
 
 如你也想贡献代码，可参照[贡献指南](https://hexo.fluid-dev.com/docs/contribute/)
 

package/_config.yml

@@ -1098,3 +1098,5 @@ static_prefix:
   discuss: https://lib.baomitu.com/discuss/1.2.1/
 
   hint: https://lib.baomitu.com/hint.css/2.7.0/
+
+  moment: https://lib.baomitu.com/moment.js/2.29.4/

package/languages/zh-CN.yml

@@ -42,7 +42,7 @@ post:
   toc: '目录'
   prev_post: '上一篇'
   next_post: '下一篇'
-  updated: '本文最后更新于：%s'
+  updated: '本文最后更新于 %s'
   meta:
     wordcount: '%s 字'
     min2read: '%s 分钟'

package/layout/_partials/plugins/moment.ejs

@@ -0,0 +1,30 @@
+<%
+var lang = (config.language || 'zh-cn').toLowerCase();
+
+import_script(`
+<script>
+  var relativeDate = function() {
+    var updatedTime = document.getElementById('updated-time');
+    if (updatedTime) {
+      var text = updatedTime.textContent;
+      var reg = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(?:Z|[+-]\\d{2}:\\d{2})/;
+      var matchs = text.match(reg);
+      if (matchs) {
+        var relativeTime = moment(matchs[0]).fromNow();
+        updatedTime.textContent = text.replace(reg, relativeTime);
+      }
+      updatedTime.style.display = '';
+    }
+  };
+  Fluid.utils.createScript('${url_join(theme.static_prefix.moment, 'moment.min.js')}', function() {
+    if (!'${lang}'.startsWith('en')) {
+      Fluid.utils.createScript('${url_join(theme.static_prefix.moment, 'locale/' + lang + '.min.js')}', function() {
+        relativeDate();
+      });
+    } else {
+      relativeDate();
+    }
+  });
+</script>
+`)
+%>

package/layout/post.ejs

@@ -16,14 +16,15 @@ page.banner_mask_alpha = page.banner_mask_alpha || theme.post.banner_mask_alpha
           <article class="post-content mx-auto">
             <h1 id="seo-header"><%= page.subtitle || page.title %></h1>
             <% if (theme.post.updated.enable && theme.post.updated && compare_date(page.date, page.updated)) { %>
-              <p class="note note-<%= theme.post.updated.note_class || 'info' %>">
+              <p id="updated-time" class="note note-<%= theme.post.updated.note_class || 'info' %>" style="<%= theme.post.updated.relative ? 'display: none' : '' %>">
                 <% if (theme.post.updated.relative) { %>
                   <% if (theme.post.updated.content) { %>
                     <!-- compatible with older versions-->
-                    <%- theme.post.updated.content %><%- relative_date(page.updated, theme.post.updated.date_format) %>
+                    <%- theme.post.updated.content %><%- date(page.updated, 'YYYY-MM-DDTHH:mm:ssZ') %>
                   <% } else { %>
-                    <%- __('post.updated', relative_date(page.updated, theme.post.updated.date_format)) %>
+                    <%- __('post.updated', date(page.updated, 'YYYY-MM-DDTHH:mm:ssZ')) %>
                   <% } %>
+                  <%- partial('_partials/plugins/moment.ejs') %>
                 <% } else { %>
                   <% if (theme.post.updated.content) { %>
                     <!-- compatible with older versions-->

package/package.json

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

package/scripts/events/lib/hello.js

@@ -16,7 +16,7 @@ module.exports = (hexo) => {
 |     _| |_     | | | \\_/ |, | || \\__/  |      |
 |    |_____|   [___]'.__.'_/[___]'.__.;__]     |
 |                                              |
-|             感谢使用 Fluid 主题 !            |
+|             感谢使用 Fluid 主题              |
 |    文档: https://hexo.fluid-dev.com/docs/    |
 |                                              |
 ------------------------------------------------
@@ -32,7 +32,7 @@ module.exports = (hexo) => {
 |     _| |_     | | | \\_/ |, | || \\__/  |      |
 |    |_____|   [___]'.__.'_/[___]'.__.;__]     |
 |                                              |
-|       Thank you for using Fluid theme !      |
+|       Thank you for using Fluid theme        |
 |   Docs: https://hexo.fluid-dev.com/docs/en/  |
 |                                              |
 ------------------------------------------------

package/scripts/filters/post-filter.js

@@ -49,5 +49,7 @@ hexo.extend.generator.register('post', function(locals) {
 hexo.extend.filter.register('after_post_render', (page) => {
   // 移除 hexo-renderer-pandoc 生成的 <colgroup>
   page.content = page.content.replace(/<colgroup>.+?<\/colgroup>/gims, '');
+  // 移除 hexo-renderer-pandoc 生成的 <span class="footnote-text">...<br>...</span>
+  page.content = page.content.replace(/(class="footnote-text".+?)<br.+?>(.+?rev="footnote")/gims, '$1$2');
   return page;
 });

package/scripts/helpers/wordcount.js

@@ -5,16 +5,13 @@
 const { stripHTML } = require('hexo-util');
 
 const getWordCount = (post) => {
-  const lang = post.lang.toLowerCase();
   // post.origin is the original post content of hexo-blog-encrypt
   const content = stripHTML(post.origin || post.content).replace(/\r?\n|\r/g, '').replace(/\s+/g, '');
 
   if (!post.wordcount) {
-    if (['zh-cn', 'zh-hk', 'zh-tw'].includes(lang)) {
-      post.wordcount = (content.match(/[\u4E00-\u9FA5]/g) || []).length;
-    } else {
-      post.wordcount = (content.replace(/[\u4E00-\u9FA5]/g, '').match(/[a-zA-Z0-9_\u0392-\u03c9\u0400-\u04FF]+|[\u4E00-\u9FFF\u3400-\u4dbf\uf900-\ufaff\u3040-\u309f\uac00-\ud7af\u0400-\u04FF]+|[\u00E4\u00C4\u00E5\u00C5\u00F6\u00D6]+|\w+/g) || []).length;
-    }
+    const zhCount = (content.match(/[\u4E00-\u9FA5]/g) || []).length;
+    const enCount = (content.replace(/[\u4E00-\u9FA5]/g, '').match(/[a-zA-Z0-9_\u0392-\u03c9\u0400-\u04FF]+|[\u4E00-\u9FFF\u3400-\u4dbf\uf900-\ufaff\u3040-\u309f\uac00-\ud7af\u0400-\u04FF]+|[\u00E4\u00C4\u00E5\u00C5\u00F6\u00D6]+|\w+/g) || []).length;
+    post.wordcount = zhCount + enCount
   }
   return post.wordcount;
 };

package/scripts/tags/checkbox.js

@@ -16,14 +16,14 @@ const checkbox = (args) => {
 
   const checked = (args[1] || '').length > 0 && args[1].trim() !== 'false';
   const inline = (args[2] || '').length > 0 && args[2].trim() !== 'false';
-  const enabled = (args[3] || '').length > 0 && args[3].trim() === 'false';
+  const disabled = (args[3] || '').length > 0 && args[3].trim() !== 'false';
 
   return `${!inline ? '<div>' : ''}
-            <input type="checkbox" ${enabled ? '' : 'disabled'} ${checked ? 'checked="checked"' : ''}>${text}
+            <input type="checkbox" ${disabled ? 'disabled' : ''} ${checked ? 'checked="checked"' : ''}>${text}
           ${!inline ? '</div>' : ''}`;
 
 };
 
-// {% cb text, checked?, inline? %}
+// {% cb text, checked?, inline?, disabled? %}
 hexo.extend.tag.register('checkbox', checkbox, { ends: false });
 hexo.extend.tag.register('cb', checkbox, { ends: false });

package/scripts/tags/fold.js

@@ -11,8 +11,10 @@ hexo.extend.tag.register('fold', (args, content) => {
       <div class="fold-title fold-${classes.trim()} collapsed" data-toggle="collapse" href="#${id}" role="button" aria-expanded="false" aria-controls="${id}">
         <div class="fold-arrow">▶</div>${text}
       </div>
-      <div class='fold-content collapse' id="${id}">
-        ${hexo.render.renderSync({ text: content, engine: 'markdown' }).split('\n').join('')}
+      <div class="fold-collapse collapse" id="${id}">
+        <div class="fold-content">
+          ${hexo.render.renderSync({ text: content, engine: 'markdown' }).split('\n').join('')}
+        </div>
       </div>
     </div>`;
 }, {

package/source/css/_pages/_base/color-schema.styl

@@ -42,8 +42,8 @@ dark-colors()
   --button-hover-bg-color $button-hover-bg-color-dark
   --highlight-bg-color $highlight-bg-color-dark
   --inlinecode-bg-color $inlinecode-bg-color-dark
-  --fold-title-color $text-color
-  --fold-border-color $line-color
+  --fold-title-color $text-color-dark
+  --fold-border-color $line-color-dark
 
   img
     -webkit-filter brightness(.9)

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

@@ -20,7 +20,7 @@
   strong
     font-weight bold
 
-  & > *:first-child
+  & > *:nth-child(2)
     margin-top 0
 
   img

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

@@ -23,30 +23,31 @@
       transition transform .3s ease-out
 
   .fold-content
-    & > *
-      margin 0
+    padding 1rem 1rem
 
-    & > p
-      padding 1rem 1rem
+    & > *:last-child
+      margin-bottom 0
 
-.fold-default
-  background rgba(#bbbbbb, 0.25)
+.fold-default, .fold-secondary
+  background-color rgba(#bbbbbb, 0.25)
 
 .fold-primary
-  background rgba(#b7a0e0, 0.25)
+  background-color rgba(#b7a0e0, 0.25)
 
 .fold-info
-  background rgba(#a0c5e4, 0.25)
+  background-color rgba(#a0c5e4, 0.25)
 
 .fold-success
-  background rgba(#aedcae, 0.25)
+  background-color rgba(#aedcae, 0.25)
 
 .fold-warning
-  background rgba(#f8d6a6, 0.25)
+  background-color rgba(#f8d6a6, 0.25)
 
 .fold-danger
-  background rgba(#eca9a7, 0.25)
+  background-color rgba(#eca9a7, 0.25)
 
+.fold-light
+  background-color rgba(#fefefe, 0.25)
 
 // note
 .note
@@ -65,14 +66,14 @@
   *:last-child
     margin-bottom 0
 
+.note-default, .note-secondary
+  background-color rgba(#bbbbbb, 0.25)
+  border-color #777
+
 .note-primary
   background-color rgba(#b7a0e0, 0.25)
   border-color #6f42c1
 
-.note-secondary, note-default
-  background-color rgba(#bbbbbb, 0.25)
-  border-color #777
-
 .note-success
   background-color rgba(#aedcae, 0.25)
   border-color #5cb85c
@@ -103,23 +104,23 @@
   color var(--text-color)
   transition color .2s ease-in-out
 
-.label-default
-  background rgba(#bbbbbb, 0.25)
+.label-default, .label-secondary
+  background-color rgba(#bbbbbb, 0.25)
 
 .label-primary
-  background rgba(#b7a0e0, 0.25)
+  background-color rgba(#b7a0e0, 0.25)
 
 .label-info
-  background rgba(#a0c5e4, 0.25)
+  background-color rgba(#a0c5e4, 0.25)
 
 .label-success
-  background rgba(#aedcae, 0.25)
+  background-color rgba(#aedcae, 0.25)
 
 .label-warning
-  background rgba(#f8d6a6, 0.25)
+  background-color rgba(#f8d6a6, 0.25)
 
 .label-danger
-  background rgba(#eca9a7, 0.25)
+  background-color rgba(#eca9a7, 0.25)
 
 // button
 .markdown-body .btn

package/source/js/events.js

@@ -166,19 +166,19 @@ Fluid.events = {
     }
     // eslint-disable-next-line no-console
     console.log(`
-------------------------------------------------
-|                                              |
-|     ________  __            _        __      |
-|    |_   __  |[  |          (_)      |  ]     |
-|      | |_ \\_| | | __   _   __   .--.| |      |
-|      |  _|    | |[  | | | [  |/ /'\`\\' |      |
-|     _| |_     | | | \\_/ |, | || \\__/  |      |
-|    |_____|   [___]'.__.'_/[___]'.__.;__]     |
-|                                              |
-|           Powered by Hexo x Fluid            |
-|         GitHub: https://git.io/JqpVD         |
-|                                              |
-------------------------------------------------
+-------------------------------------------------
+|                                               |
+|      ________  __            _        __      |
+|     |_   __  |[  |          (_)      |  ]     |
+|       | |_ \\_| | | __   _   __   .--.| |      |
+|       |  _|    | |[  | | | [  |/ /'\`\\' |      |
+|      _| |_     | | | \\_/ |, | || \\__/  |      |
+|     |_____|   [___]'.__.'_/[___]'.__.;__]     |
+|                                               |
+|            Powered by Hexo x Fluid            |
+| https://github.com/fluid-dev/hexo-theme-fluid |
+|                                               |
+-------------------------------------------------
     `);
   }
 };