hexo-theme-solitude 2.0.9 → 2.0.10

package/scripts/helper/inject_head_js.js

@@ -21,13 +21,13 @@ hexo.extend.helper.register('inject_head_js', function () {
             },
             get: function getWithExpiry(key) {
                 const itemStr = localStorage.getItem(key)
-    
+
                 if (!itemStr) {
                     return undefined
                 }
                 const item = JSON.parse(itemStr)
                 const now = new Date()
-    
+
                 if (now.getTime() > item.expiry) {
                     localStorage.removeItem(key)
                     return undefined
@@ -62,24 +62,30 @@ hexo.extend.helper.register('inject_head_js', function () {
                 script.onload = script.onreadystatechange = null
                 resolve()
               }
-    
+
               Object.keys(attr).forEach(key => {
                 script.setAttribute(key, attr[key])
               })
-    
+
               document.head.appendChild(script)
             }),
             addGlobalFn: (key, fn, name = false, parent = window) => {
                 const globalFn = parent.globalFn || {}
                 const keyObj = globalFn[key] || {}
-        
+
                 if (name && keyObj[name]) return
-        
+
                 name = name || Object.keys(keyObj).length
                 keyObj[name] = fn
                 globalFn[key] = keyObj
                 parent.globalFn = globalFn
             },
+            addEventListenerPjax: (ele, event, fn, option = false) => {
+              ele.addEventListener(event, fn, option)
+              utils.addGlobalFn('pjax', () => {
+                  ele.removeEventListener(event, fn, option)
+              })
+          },
         }
     `
     return `<script>(()=>{${createJS()}})()</script>`
@@ -88,4 +94,4 @@ hexo.extend.helper.register('inject_head_js', function () {
 hexo.extend.helper.register('packageVersion', function () {
     const {version} = require('../../package.json')
     return version
-})
+})

package/scripts/tags/article.js

@@ -0,0 +1,39 @@
+'use strict'
+
+const article = ([path]) => {
+  const post = hexo.locals.get("posts").data.find(post => post.path === path);
+  if (!post) {
+    return '';
+  }
+  const tags = post.tags.map(tag => `<a class="article-meta__tags fancybox" href="${tag.path}" onclick="event.stopPropagation();"><span class="tags-punctuation"><i class="solitude fa-solid fa-hashtag"></i>${tag.name}</span></a>`).join('');
+  const category = post.categories.data.length > 0 ? `<span class="article-meta sticky-warp"><span class="original">${post.categories.data[0].name}</span></span>` : '';
+  return `
+    <div class="recent-post-item" onclick="pjax.loadUrl('${post.path}')">
+      <div class="post_cover">
+        <a href="${post.path}" class="fancybox" title="${post.title}">
+          <img class="post_bg" src="${post.cover}" alt="${post.title}">
+        </a>
+      </div>
+      <div class="recent-post-info">
+        <div class="recent-post-info-top">
+          <div class="recent-post-info-top-tips">
+            ${category}
+          </div>
+          <a class="article-title fancybox" href="${post.path}" title="${post.title}">${post.title}</a>
+        </div>
+        <div class="content">
+        ${post.description ? post.description : ''}
+        </div>
+        <div class="article-meta-wrap">
+          <span class="article-meta tags">
+            ${tags}
+          </span>
+          <span class="post-meta-date">
+            <time datetime="${post.date}" style="display: inline;"></time>
+          </span>
+        </div>
+      </div>
+    </div>`;
+}
+
+hexo.extend.tag.register('article', article)

package/scripts/tags/chart.js

@@ -0,0 +1,27 @@
+/**
+ * Chart.js tag for Solitude theme
+ */
+
+'use strict'
+
+const chart = (args, content) => {
+  const id = Math.random().toString(36).substr(2, 9);
+  return `
+  <div class="chart">
+    <canvas id="chart-${id}"></canvas>
+    <script>
+    !function() {
+      const chart = () => {
+        const canvas = document.getElementById("chart-${id}");
+        if (!canvas) return;
+        const ctx = canvas.getContext("2d");
+        new Chart(ctx, {${content}});
+      };
+      document.addEventListener("DOMContentLoaded", chart);
+      utils.addEventListenerPjax(document, "pjax:complete", chart);
+    }()
+    </script>
+  </div>`;
+}
+
+hexo.extend.tag.register('chart', chart, {ends: true})

package/scripts/tags/gallery.js

@@ -34,4 +34,4 @@ const gallery = (args, content) => {
 }
 
 hexo.extend.tag.register('gallery', gallery, {ends: true})
-hexo.extend.tag.register('galleryGroup', galleryBox)
+hexo.extend.tag.register('galleryGroup', galleryBox)

package/scripts/tags/typeit.js

@@ -0,0 +1,29 @@
+/**
+ * Typeit.js tag for Solitude theme
+ */
+
+'use strict'
+
+const typeit = ([tag, options], content) => {
+  const id = Math.random().toString(36).substr(2, 9);
+  tag = tag || 'div';
+  return `
+  <div class="typeit">
+    <${tag} id="typeit-${id}"></${tag}>
+    <script>
+    !function() {
+      const typeit = () => {
+        const ctx = document.getElementById("typeit-${id}");
+        if (!ctx) return;
+        new TypeIt("#typeit-${id}", ${options})
+          .type("${content}")
+          .go();
+      }
+      document.addEventListener("DOMContentLoaded", typeit);
+      utils.addEventListenerPjax(document, "pjax:complete", typeit);
+    }()
+    </script>
+  </div>`
+}
+
+hexo.extend.tag.register('typeit', typeit, {ends: true})

package/source/css/_layout/article-container.styl

@@ -99,7 +99,7 @@
     line-height 2
     box-shadow var(--efu-shadow-border)
 
-  img
+  img:not(.post_bg)
     border-radius 12px
     object-fit cover
     display block
@@ -215,4 +215,4 @@ if hexo-config('mediumZoom')
     z-index 10
 
   .medium-zoom-image--opened
-    z-index 11
+    z-index 11

package/source/css/_layout/recent-post.styl

@@ -8,18 +8,7 @@
       padding 0
 
 if hexo-config('index_post_list.direction') == "column"
-  #recent-posts
-    position relative
-    +minWidth1300()
-      display flex
-      flex-wrap wrap
-      gap .5rem
-      transition width .3s
-
-    +maxWidth768()
-      padding 0 1rem
-
-    > .recent-post-item
+  .recent-post-item
       box-shadow var(--efu-shadow-light2black)
       display flex
       align-items center
@@ -230,6 +219,16 @@ if hexo-config('index_post_list.direction') == "column"
 
           .sticky
             color var(--efu-fontcolor)
+  #recent-posts
+    position relative
+    +minWidth1300()
+      display flex
+      flex-wrap wrap
+      gap .5rem
+      transition width .3s
+
+    +maxWidth768()
+      padding 0 1rem
 
   if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 2
     #recent-posts
@@ -249,23 +248,9 @@ if hexo-config('index_post_list.direction') == "column"
           flex 1 1 33.3%
           max-width 32.6%
           box-shadow var(--efu-shadow-border)
-      
-else if hexo-config('index_post_list.direction') == "row"
-  #recent-posts
-    position relative
-    display flex
-    flex-wrap wrap
-    justify-content space-between
-    align-items flex-start
-    align-content flex-start
-    user-select none
-    gap .5rem
-    transition width .3s
 
-    +maxWidth768()
-      padding 0 1rem
-
-    > .recent-post-item
+else if hexo-config('index_post_list.direction') == "row"
+  .recent-post-item
       display flex
       align-items center
       animation slide-in .6s .4s backwards
@@ -473,4 +458,17 @@ else if hexo-config('index_post_list.direction') == "row"
             margin 0 .4rem 0 0
 
           .sticky
-            color var(--efu-fontcolor)
+            color var(--efu-fontcolor)
+  #recent-posts
+    position relative
+    display flex
+    flex-wrap wrap
+    justify-content space-between
+    align-items flex-start
+    align-content flex-start
+    user-select none
+    gap .5rem
+    transition width .3s
+
+    +maxWidth768()
+      padding 0 1rem

package/source/css/_page/_home/home-top.styl

@@ -22,7 +22,7 @@
       &::-webkit-scrollbar
         display none
 
-      .recent-post-group
+      .top-post-group
         display flex
         flex-direction row
         justify-content start
@@ -76,7 +76,7 @@
       position relative
       animation slide-in .6s .1s backwards
 
-    .recent-post-item
+    .top-post-item
       display flex
       flex-direction column
       width calc(100% / 3 - 0.5rem)
@@ -100,7 +100,7 @@
         width 200px
         min-width 200px
 
-      &:hover .post_cover a .recent-post-top-text
+      &:hover .post_cover a .top-post-top-text
         left 0
 
       .post_cover
@@ -116,7 +116,7 @@
             width 100%
             background var(--efu-secondbg)
 
-          .recent-post-top-text
+          .top-post-top-text
             position absolute
             top 0
             left -50px
@@ -132,7 +132,7 @@
             if $language == 'en-US'
               left -90px
 
-      /.recent-post-info
+      /.top-post-info
         padding .3rem .5rem .3rem .5rem
         transition .3s
 

package/source/js/main.js

@@ -666,7 +666,7 @@ window.refreshFn = () => {
   runtime && sco.addRuntime();
   [scrollFn, sidebarFn, sco.addPhotoFigcaption, sco.setTimeState, sco.tagPageActive, sco.categoriesBarActive, sco.listenToPageInputPress, sco.addNavBackgroundInit, sco.refreshWaterFall].forEach(fn => fn());
   lazyload.enable && utils.lazyloadImg();
-  lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar,.gallery-group img)"));
+  lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar,.gallery-group img, .no-lightbox)"));
   randomlink && randomLinksList();
   post_ai && is_post && efu_ai.init();
   sco.switchComments();

package/source/js/utils.js

@@ -101,12 +101,6 @@
         },
         isMobile: () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
         isHidden: e => 0 === e.offsetHeight && 0 === e.offsetWidth,
-        addEventListenerPjax: (ele, event, fn, option = false) => {
-            ele.addEventListener(event, fn, option)
-            utils.addGlobalFn('pjax', () => {
-                ele.removeEventListener(event, fn, option)
-            })
-        },
         animateIn: (ele, text) => {
             Object.assign(ele.style, {display: 'block', animation: text});
         },
@@ -205,4 +199,4 @@
         },
     }
     window.utils = {...window.utils, ...utilsFn};
-})()
+})()