hexo-theme-solitude 1.5.3 → 1.5.5

package/source/css/_widgets/_tags/index.styl

@@ -1,3 +1,24 @@
+.red
+  color var(--efu-red)
+
+.green
+  color var(--efu-green)
+
+.blue
+  color var(--efu-blue)
+
+.yellow
+  color var(--efu-yellow)
+
+.pink
+  color var(--efu-pink)
+
+.purple
+  color var(--efu-purple)
+
+.orange
+  color var(--efu-orange)
+
 .bg-red
   background-color var(--efu-red)
   color var(--efu-white)
@@ -25,37 +46,18 @@
   background-color var(--efu-orange)
   color var(--efu-white)
 
-.bg-cyan
-  background-color var(--efu-cyan)
-  color var(--efu-white)
+.block
+  display block
 
-.bg-gray
-  background-color var(--efu-gray)
-  color var(--efu-white)
-
-.red
-  color var(--efu-red)
+.center
+  margin 0 auto
 
-.green
-  color var(--efu-green)
-
-.blue
-  color var(--efu-blue)
-
-.yellow
-  color var(--efu-yellow)
-
-.pink
-  color var(--efu-pink)
-
-.purple
-  color var(--efu-purple)
-
-.orange
-  color var(--efu-orange)
+.right
+  margin-left auto
 
-.cyan
-  color var(--efu-cyan)
+.larger
+  font-size 1.5rem
+  margin 5px
 
-.gray
-  color var(--efu-gray)
+  i
+    transform scale(1.5)

package/source/css/_widgets/_tags/label.styl

@@ -1,3 +1,4 @@
-.hl-label
-  padding 2px 4px
-  border-radius 3px
+#article-container
+  .hl-label
+    padding 2px 4px
+    border-radius 3px

package/source/css/_widgets/_tags/link.styl

@@ -1,83 +1,54 @@
-#article-container .tag-Link
-  background var(--efu-secondbg)
-  border-radius 8px !important
-  display flex
-  border var(--style-border)
-  flex-direction column
-  padding .3rem 1rem .6rem
-  border-width 1px !important
-  margin-top 1rem
-
-  &:hover
-    color var(--efu-main) !important
-    border var(--style-border-hover) !important
-
-  .tag-link-tips
-    border-bottom var(--style-border-always)
-    padding-bottom 4px
-    font-size .6rem
-    color var(--efu-gray)
-    font-weight 400
-    pointer-events none
-
-  &:hover .tag-link-tips
-    color var(--efu-card-bg)
-    opacity .6
-
-  .tag-link-bottom
+#article-container
+  .tag-link
+    background var(--efu-secondbg)
+    border-radius 8px !important
     display flex
-    margin-top .5rem
-    align-items center
-    justify-content space-around
-    pointer-events none
+    border var(--style-border)
+    flex-direction column
+    padding 0.5rem 1rem
+    border-width 1px
+    margin 1rem 0
 
-    .tag-link-left
-      width 60px
-      min-width 60px
-      height 60px
-      background-size cover !important
-      border-radius 8px
-      background var(--efu-card-bg)
-      pointer-events none
-      display flex
-
-      i
-        padding 0
-        margin auto
-        font-size 24px
-        color var(--efu-fontcolor)
+    &:hover
+      background var(--efu-main)
+      border var(--style-border-hover) !important
 
-    .tag-link-right
-      margin-left 1rem
-      pointer-events none
+      .tag-link-tips
+        color var(--efu-card-bg)
 
-      .tag-link-title
-        font-size 16px
-        line-height 1.2
-        pointer-events none
-        word-break break-all
-        text-overflow ellipsis
-        display -webkit-box
-        -webkit-box-orient vertical
-        -webkit-line-clamp 2
-        overflow hidden
+    i
+      margin-left auto
 
-      .tag-link-sitename
-        font-size .7rem
-        color var(--efu-gray)
-        font-weight 400
-        margin-top 8px
-        pointer-events none
-        line-height 1
-        overflow hidden
-        text-overflow ellipsis
-        white-space nowrap
-
-  &:hover .tag-link-bottom .tag-link-right .tag-link-sitename
-    color var(--efu-card-bg)
-    opacity .6
+    .tag-link-bottom
+      display flex
+      margin-top 0.5rem
+      align-items center
+      justify-content space-around
+
+      .tag-link-left
+        width 60px
+        min-width 60px
+        height 60px
+        background-size cover
+        border-radius 8px
+        background-color var(--efu-card-bg)
+        display flex
+        align-items center
+        justify-content center
+
+        i
+          padding 0
+          margin auto
+          font-size 24px
+          color var(--efu-fontcolor)
+
+      .tag-link-right
+        margin-left 1rem
+        max-width calc(100% - 76px - 1rem)
 
-  .tag-link-bottom i
-    margin-left auto
-    padding-left .5rem
-    pointer-events none
+  .tag-link-tips
+    border-bottom var(--style-border)
+    padding-bottom 4px
+    font-size 12px
+    color var(--efu-gray)
+    font-weight 400

package/source/css/_widgets/_tags/media.styl

@@ -0,0 +1,57 @@
+trans($time = 0.28s)
+  transition: all $time ease
+  -moz-transition: all $time ease
+  -webkit-transition: all $time ease
+  -o-transition: all $time ease
+
+audio,video
+  border-radius: 4px
+  max-width: 100%
+video
+  z-index: 1
+  trans()
+  &:hover
+    box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.24), 0 8px 16px 0px rgba(0, 0, 0, 0.24)
+
+div.video
+  line-height: 0
+  text-align: center
+
+div.videos
+  max-width: "calc(100% + 2 * %s)" % 4px
+  display: flex
+  flex-wrap: wrap
+  justify-content: flex-start
+  align-items: flex-end
+  margin: 1em 0 - 4px
+  .video,iframe
+    width: 100%
+    margin: 4px
+
+  iframe
+    border-radius: 4px
+    width: 100%
+    min-height: 300px
+  &.left
+    justify-content: flex-start
+  &.center
+    justify-content: center
+  &.right
+    justify-content: flex-end
+  &.stretch
+    align-items: stretch
+  &[col='1']
+    .video,iframe
+      width: 100%
+  &[col='2']
+    .video,iframe
+      width: "calc(50% - 2 * %s)" % 4px
+  &[col='3']
+    .video,iframe
+      width: "calc(33.33% - 2 * %s)" % 4px
+  &[col='4']
+    .video,iframe
+      width: "calc(25% - 2 * %s)" % 4px
+[data-theme="dark"]
+  audio,video
+    filter brightness(0.7)

package/source/css/_widgets/_tags/mermaid.styl

@@ -1,4 +1,3 @@
 .mermaid
   display flex
-  flex-direction column
-  align-items center
+  justify-content center

package/source/css/_widgets/_tags/note.styl

@@ -31,10 +31,6 @@ $colors = {
   &.success:not(.no-icon)::before
     content: '\e0a4'
 
-  &.success:not(.no-icon)
-    p
-      color var(--efu-card-bg)
-
   &::before
     font-family 'solitude'
 
@@ -74,9 +70,7 @@ $colors = {
     border 1px solid transparent !important
 
   &.flat
-    border-top initial
-    border-right initial
-    border-bottom initial
+    border initial
     border-image initial
     border-left 5px solid #eee
     background-color #f9f9f9

package/source/css/_widgets/_tags/span.styl

@@ -1,61 +1,34 @@
 #article-container
-  p.p.subtitle
-    font-weight: bold
-    color: mix(#44D7B6, #444, 75)
-    font-size: 1.25rem
-    padding-top: 1.5rem
-    &:first-child
-      padding-top: 1rem
-
-  span.p,p.p
+  .p
     &.left
-      display: block
-      text-align: left
+      text-align left
+
     &.center
-      display: block
-      text-align: center
+      text-align center
+
     &.right
-      display: block
-      text-align: right
+      text-align right
 
-  span.p,p.p
     &.small
-      font-size: var(--global-font-size)
-    &.large
-      font-size: 2.5rem
-      line-height: 1.4
-    &.huge
-      font-size: 4rem
-      line-height: 1.4
-    &.ultra
-      font-size: 6rem
-      line-height: 1.4
-    &.small,&.large,&.huge,&.ultra
-      margin: 0
-      padding: 0
-    &.bold
-      font-weight: bold
-    &.h1,&.h2
-      padding-bottom: .2rem
-      font-weight: 500
+      font-size .5rem
+
     &.h1
-      font-size: 1.625rem
-      color: var(--color-h1)
-      padding-top: 1em * 2
+      font-size 2.5rem
+
     &.h2
-      font-size: 1.625rem
-      color: var(--color-h2)
-      padding-top: 1em * 2
-      border-bottom: 1px solid alpha(#444, .1)
+      font-size 1.625rem
+
     &.h3
-      font-size: 1.375rem
-      color: var(--color-h3)
-      padding-top: 1em * 2
+      font-size 1.375rem
+
     &.h4
-      font-size: 1.125rem
-      color: var(--color-h4)
-      padding-top: 1em * 2
-    &.h5
-      font-size: 1rem
-      color: var(--color-h5)
-      padding-top: 1em * 1.5
+      font-size 1.125rem
+
+    &.large
+      font-size 1.5rem
+
+    &.huge
+      font-size 4rem
+
+    &.ultra
+      font-size 6rem

package/source/css/_widgets/_tags/tabs.styl

@@ -1,3 +1,4 @@
+
 #article-container .tabs
   position relative
   border 1px solid var(--tab-border-color)
@@ -17,6 +18,7 @@
         font-size inherit
 
       &.active button
+        cursor default
         border var(--style-border-hover-always)
         background var(--efu-background)
         border-radius 8px;
@@ -102,4 +104,4 @@
 
 .tab-contents
   border-radius 8px
-  overflow hidden
+  overflow hidden

package/source/css/_widgets/index.styl

@@ -17,7 +17,7 @@ if hexo-config('keyboard.enable')
 // 零散的样式
 @import "_mixins/other.styl"
 
-// 短标签
+// tags plugin
 @import "_tags/*"
 
 // comment

package/source/js/covercolor/api.js

@@ -3,10 +3,10 @@ const coverColor = () => {
     if (path) {
         handleApiColor(path);
     } else {
-        document.documentElement.style.setProperty('--st-main', 'var(--efu-theme)');
-        document.documentElement.style.setProperty('--st-main-op', 'var(--efu-theme-op)');
-        document.documentElement.style.setProperty('--st-main-op-deep', 'var(--efu-theme-op-deep)');
-        document.documentElement.style.setProperty('--st-main-none', 'var(--efu-theme-none)');
+        document.documentElement.style.setProperty('--efu-main', 'var(--efu-theme)');
+        document.documentElement.style.setProperty('--efu-main-op', 'var(--efu-theme-op)');
+        document.documentElement.style.setProperty('--efu-main-op-deep', 'var(--efu-theme-op-deep)');
+        document.documentElement.style.setProperty('--efu-main-none', 'var(--efu-theme-none)');
         initThemeColor()
     }
 }
@@ -43,17 +43,17 @@ function img2color(src) {
 
 function setThemeColors(value, r = null, g = null, b = null) {
     if (value) {
-        document.documentElement.style.setProperty('--st-main', value);
-        document.documentElement.style.setProperty('--st-main-op', value + '23');
-        document.documentElement.style.setProperty('--st-main-op-deep', value + 'dd');
-        document.documentElement.style.setProperty('--st-main-none', value + '00');
+        document.documentElement.style.setProperty('--efu-main', value);
+        document.documentElement.style.setProperty('--efu-main-op', value + '23');
+        document.documentElement.style.setProperty('--efu-main-op-deep', value + 'dd');
+        document.documentElement.style.setProperty('--efu-main-none', value + '00');
 
         if (r && g && b) {
             let brightness = Math.round(((parseInt(r) * 299) + (parseInt(g) * 587) + (parseInt(b) * 114)) / 1000);
             if (brightness < 125) {
                 let cardContents = document.getElementsByClassName('card-content');
                 for (let i = 0; i < cardContents.length; i++) {
-                    cardContents[i].style.setProperty('--st-card-bg', 'var(--efu-white)');
+                    cardContents[i].style.setProperty('--efu-card-bg', 'var(--efu-white)');
                 }
 
                 let authorInfo = document.getElementsByClassName('author-info__sayhi');
@@ -67,10 +67,10 @@ function setThemeColors(value, r = null, g = null, b = null) {
         document.getElementById("coverdiv").classList.add("loaded");
         initThemeColor();
     } else {
-        document.documentElement.style.setProperty('--st-main', 'var(--efu-theme)');
-        document.documentElement.style.setProperty('--st-main-op', 'var(--efu-theme-op)');
-        document.documentElement.style.setProperty('--st-main-op-deep', 'var(--efu-theme-op-deep)');
-        document.documentElement.style.setProperty('--st-main-none', 'var(--efu-theme-none)');
+        document.documentElement.style.setProperty('--efu-main', 'var(--efu-theme)');
+        document.documentElement.style.setProperty('--efu-main-op', 'var(--efu-theme-op)');
+        document.documentElement.style.setProperty('--efu-main-op-deep', 'var(--efu-theme-op-deep)');
+        document.documentElement.style.setProperty('--efu-main-none', 'var(--efu-theme-none)');
         initThemeColor();
     }
 }
@@ -79,11 +79,11 @@ function initThemeColor() {
     const currentTop = window.scrollY || document.documentElement.scrollTop;
     let themeColor;
     if (currentTop > 0) {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--st-card-bg');
+        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-card-bg');
     } else if (PAGE_CONFIG.is_post) {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--st-main');
+        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-main');
     } else {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--st-background');
+        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-background');
     }
     changeThemeColor(themeColor);
 }

package/source/js/covercolor/local.js

@@ -3,10 +3,10 @@ const coverColor = () => {
     if (path) {
         localColor(path);
     } else {
-        document.documentElement.style.setProperty('--st-main', 'var(--efu-theme)');
-        document.documentElement.style.setProperty('--st-main-op', 'var(--efu-theme-op)');
-        document.documentElement.style.setProperty('--st-main-op-deep', 'var(--efu-theme-op-deep)');
-        document.documentElement.style.setProperty('--st-main-none', 'var(--efu-theme-none)');
+        document.documentElement.style.setProperty('--efu-main', 'var(--efu-theme)');
+        document.documentElement.style.setProperty('--efu-main-op', 'var(--efu-theme-op)');
+        document.documentElement.style.setProperty('--efu-main-op-deep', 'var(--efu-theme-op-deep)');
+        document.documentElement.style.setProperty('--efu-main-none', 'var(--efu-theme-none)');
         initThemeColor()
     }
 }
@@ -108,17 +108,17 @@ function colorRgb(str) {
 
 function setThemeColors(value, r = null, g = null, b = null) {
     if (value) {
-        document.documentElement.style.setProperty('--st-main', value);
-        document.documentElement.style.setProperty('--st-main-op', value + '23');
-        document.documentElement.style.setProperty('--st-main-op-deep', value + 'dd');
-        document.documentElement.style.setProperty('--st-main-none', value + '00');
+        document.documentElement.style.setProperty('--efu-main', value);
+        document.documentElement.style.setProperty('--efu-main-op', value + '23');
+        document.documentElement.style.setProperty('--efu-main-op-deep', value + 'dd');
+        document.documentElement.style.setProperty('--efu-main-none', value + '00');
 
         if (r && g && b) {
             let brightness = Math.round(((parseInt(r) * 299) + (parseInt(g) * 587) + (parseInt(b) * 114)) / 1000);
             if (brightness < 125) {
                 let cardContents = document.getElementsByClassName('card-content');
                 for (let i = 0; i < cardContents.length; i++) {
-                    cardContents[i].style.setProperty('--st-card-bg', 'var(--efu-white)');
+                    cardContents[i].style.setProperty('--efu-card-bg', 'var(--efu-white)');
                 }
 
                 let authorInfo = document.getElementsByClassName('author-info__sayhi');
@@ -132,10 +132,10 @@ function setThemeColors(value, r = null, g = null, b = null) {
         document.getElementById("coverdiv").classList.add("loaded");
         initThemeColor();
     } else {
-        document.documentElement.style.setProperty('--st-main', 'var(--efu-theme)');
-        document.documentElement.style.setProperty('--st-main-op', 'var(--efu-theme-op)');
-        document.documentElement.style.setProperty('--st-main-op-deep', 'var(--efu-theme-op-deep)');
-        document.documentElement.style.setProperty('--st-main-none', 'var(--efu-theme-none)');
+        document.documentElement.style.setProperty('--efu-main', 'var(--efu-theme)');
+        document.documentElement.style.setProperty('--efu-main-op', 'var(--efu-theme-op)');
+        document.documentElement.style.setProperty('--efu-main-op-deep', 'var(--efu-theme-op-deep)');
+        document.documentElement.style.setProperty('--efu-main-none', 'var(--efu-theme-none)');
         initThemeColor();
     }
 }
@@ -144,11 +144,11 @@ function initThemeColor() {
     const currentTop = window.scrollY || document.documentElement.scrollTop;
     let themeColor;
     if (currentTop > 0) {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--st-card-bg');
+        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-card-bg');
     } else if (PAGE_CONFIG.is_post) {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--st-main');
+        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-main');
     } else {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--st-background');
+        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-background');
     }
     changeThemeColor(themeColor);
 }

package/source/js/lately.min.js

@@ -0,0 +1,6 @@
+/**
+ * Lately.min.js 2.5.2
+ * MIT License - http://www.opensource.org/licenses/mit-license.php
+ * https://tokinx.github.io/lately/
+ */
+!function(){window.Lately=new function(){var t=this;this.lang={second:"秒",minute:"分钟",hour:"小时",day:"天",month:"个月",year:"年",ago:"前",error:"NaN"};var e=function(e){e=new Date(n(e));var r=new function(){this.second=(Date.now()-e.getTime())/1e3,this.minute=this.second/60,this.hour=this.minute/60,this.day=this.hour/24,this.month=this.day/30,this.year=this.month/12},i=Object.keys(r).reverse().find(function(t){return r[t]>=1});return(i?function(t,e){return Math.floor(t)+e}(r[i],t.lang[i]):t.lang.error)+t.lang.ago},n=function(t){return t=new Date(t&&("number"==typeof t?t:t.replace(/-/g,"/").replace("T"," "))),!isNaN(t.getTime())&&t.getTime()};return{init:function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=r.target,a=void 0===i?"time":i,o=r.lang;o&&(t.lang=o);var u=!0,h=!1,l=void 0;try{for(var s,c=document.querySelectorAll(a)[Symbol.iterator]();!(u=(s=c.next()).done);u=!0){var f=s.value,g=n(f.dateTime)||n(f.title)||n(f.innerHTML)||0;if(!g)return;f.title=new Date(g).toLocaleString(),f.innerHTML=e(g)}}catch(t){h=!0,l=t}finally{try{!u&&c.return&&c.return()}finally{if(h)throw l}}},format:e}}}();

package/source/js/main.js

@@ -108,36 +108,6 @@ const showTodayCard = () => {
     }
 }
 
-const changeTimeFormat = () => {
-    const timeElements = Array.from(document.getElementsByTagName("time"));
-    const lang = GLOBAL_CONFIG.lang.time;
-    const currentDate = new Date();
-
-    timeElements.forEach(timeElement => {
-        const datetime = timeElement.getAttribute("datetime");
-        const timeObj = new Date(datetime);
-        const daysDiff = utils.timeDiff(timeObj, currentDate);
-
-        let timeString;
-        if (daysDiff === 0) {
-            timeString = lang.recent;
-        } else if (daysDiff === 1) {
-            timeString = lang.yesterday;
-        } else if (daysDiff === 2) {
-            timeString = lang.berforeyesterday;
-        } else if (daysDiff <= 7) {
-            timeString = `${daysDiff}${lang.daybefore}`;
-        } else {
-            if (timeObj.getFullYear() !== currentDate.getFullYear()) {
-                timeString = `${timeObj.getFullYear()}/${timeObj.getMonth() + 1}/${timeObj.getDate()}`;
-            } else {
-                timeString = `${timeObj.getMonth() + 1}/${timeObj.getDate()}`;
-            }
-        }
-        timeElement.textContent = timeString;
-    });
-}
-
 const initObserver = () => {
     let commentElement = document.getElementById("post-comment");
     let paginationElement = document.getElementById("pagination");
@@ -352,7 +322,7 @@ let sco = {
     },
     addRuntime: function () {
         let el = document.getElementById('runtimeshow')
-        el && GLOBAL_CONFIG.runtime && (el.innerText = utils.timeDiff(new Date(GLOBAL_CONFIG.runtime), new Date()) + GLOBAL_CONFIG.lang.time.runtime)
+        el && GLOBAL_CONFIG.runtime && (el.innerText = utils.timeDiff(new Date(GLOBAL_CONFIG.runtime), new Date()) + GLOBAL_CONFIG.lang.lately.day)
     },
     toTalk: function (txt) {
         const inputs = ["#wl-edit", ".el-textarea__inner"]
@@ -799,7 +769,6 @@ window.refreshFn = () => {
     sco.initAdjust()
     scrollFn()
     sidebarFn()
-    changeTimeFormat()
     initObserver()
     sco.addRuntime()
     sco.hideCookie()
@@ -809,6 +778,7 @@ window.refreshFn = () => {
     sco.categoriesBarActive()
     sco.listenToPageInputPress()
     sco.addNavBackgroundInit()
+    utils.changeTimeFormat()
     GLOBAL_CONFIG.rightside.enable && addRightMenuClickEvent()
     GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg()
     GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar)"))

package/source/js/utils.js

@@ -224,5 +224,11 @@ const utils = {
                 window.fancyboxRun = true
             }
         }
+    },
+    changeTimeFormat(){
+        window.Lately && Lately.init({
+            target: 'time',
+            lang: GLOBAL_CONFIG.lang.lately,
+        })
     }
 }