hexo-theme-solitude 1.3.0 → 1.3.1

package/_config.yml

@@ -498,6 +498,13 @@ theme_color:
   light_op_deep: '#4259efdd' # 亮色模式透明深色
   light_none: '#4259ef01' # 亮色模式透明无色
 
+# 主题显示模式调整
+# 主题支持三种模式：自动切换、暗色模式、亮色模式
+# --------------------------------------
+display_mode:
+  type: auto # auto: 自动切换 / dark: 暗色模式 / light: 亮色模式
+  dark_universe: true # 暗色模式背景星空
+
 # 第三方设置
 thirdparty:
   # 字数统计

package/languages/en-US.yml

@@ -89,7 +89,7 @@ search:
 
 head:
   noscript: Please enable JavaScript to view the site
-  console: 'Program: Hexo | Theme: Hexo-Theme-Solitude | Author: WangZhuoSco、YiFeng | Github: https://github.com/DuoSco/Hexo-theme-solitude | Version: v1.3.0 😄'
+  console: 'Program: Hexo | Theme: Hexo-Theme-Solitude | Author: WangZhuoSco、YiFeng | Github: https://github.com/DuoSco/Hexo-theme-solitude | Version: v1.3.1 😄'
 
 aside:
   postcount: 'Posts :'

package/languages/zh-CN.yml

@@ -88,7 +88,7 @@ search:
 
 head:
   noscript: 开启JavaScript才能访问本站哦~
-  console: '程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：王卓Sco、亦封 | Github: https://github.com/DuoSco/Hexo-theme-solitude | 版本：v1.3.0 😄'
+  console: '程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：王卓Sco、亦封 | Github: https://github.com/DuoSco/Hexo-theme-solitude | 版本：v1.3.1 😄'
 
 aside:
   postcount: '文章总数 :'

package/layout/archive.pug

@@ -3,9 +3,8 @@ extends includes/layout.pug
 block content
     main.layout#content-inner
         #archive
-            .article-sort-title #{__('page.archives')}<sup>#{page.posts.find({ parent: { $exists: false } }).length}</sup>
+            .article-sort-title #{__('page.archives')}<sup>#{site.posts.find({ parent: { $exists: false } }).length}</sup>
             .article-sort
                 include includes/mixins/articleSort
             include includes/mixins/pagination
-        include includes/widgets/aside/aside
-
+        include includes/widgets/aside/aside

package/layout/includes/body/mode.pug

@@ -0,0 +1,40 @@
+case theme.display_mode.type
+    when "auto"
+        script.
+            initTheme = () => {
+                let isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
+                const cachedMode = saveToLocal.get('theme');
+                if (cachedMode === undefined) {
+                    const nowMode =
+                        isDarkMode ? 'dark' : 'light'
+                    document.documentElement.setAttribute('data-theme', nowMode);
+                } else {
+                    document.documentElement.setAttribute('data-theme', cachedMode);
+                }
+            }
+            initTheme()
+    when "dark"
+        script.
+            initTheme = () => {
+                const cachedMode = saveToLocal.get('theme');
+                if (cachedMode === undefined)
+                    document.documentElement.setAttribute('data-theme', 'dark');
+                else
+                    document.documentElement.setAttribute('data-theme', cachedMode);
+            }
+            initTheme()
+    when "light"
+        script.
+            initTheme = () => {
+                const cachedMode = saveToLocal.get('theme');
+                if (cachedMode === undefined)
+                    document.documentElement.setAttribute('data-theme', 'light');
+                else
+                    document.documentElement.setAttribute('data-theme', cachedMode);
+            }
+            initTheme()
+
+if theme.display_mode.dark_universe
+    script(src=cdn_url_for("/lib/universe.min.js"))
+    script.
+        dark()

package/layout/includes/inject/body.pug

@@ -81,6 +81,9 @@ if theme.comment.enable
 // pjax
 include ../widgets/third-party/pjax.pug
 
+// theme
+include ../body/mode
+
 // music
 if theme.music.enable
     script(src=cdn_url_for("/js/music.js"))

package/layout/includes/layout.pug

@@ -5,6 +5,7 @@ html(lang=config.language, data-theme="light")
     head
         include ./head.pug
     body#body(data-type=page.type)
+        canvas#universe
         // loading
         if theme.loading.fullpage
             include ./loading.pug

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-solitude",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "A beautiful, powerful, and efficient Hexo theme developed by the DuoSco team",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/source/css/_layout/header.styl

@@ -464,7 +464,7 @@
           border-radius 5px
           margin 0 4px
 
-          a
+          #page-header & a
             letter-spacing 0
             display flex
             align-items center

package/source/css/_mode/index.styl

@@ -42,6 +42,20 @@
   --sco-hl-bg $hl_bg_dark
   --sco-hltools-bg $hltools_bg_dark
 
+  #universe
+    display block
+    position fixed
+    margin 0
+    padding 0
+    border 0
+    outline 0
+    left 0
+    top 0
+    width 100%
+    height 100%
+    pointer-events none
+    z-index 1
+
 [data-theme=light]
   --sco-theme $light_theme
   --sco-theme-op $light_theme_op
@@ -86,4 +100,6 @@
   --style-border-forever 2px solid var(--sco-main)
   --sco-navbg var(--sco-theme-op)
   --sco-hl-bg $hl_bg_light
-  --sco-hltools-bg $hltools_bg_light
+  --sco-hltools-bg $hltools_bg_light
+  #universe
+    display none

package/source/css/_page/links.styl

@@ -224,6 +224,7 @@
         display flex
         width 100%
         height 100%
+        border none
         align-items center
 
         .img-alt

package/source/css/_page/music.styl

@@ -1,5 +1,5 @@
 body[data-type=music]
-  #page-header.not-top-img #nav a
+  #page-header #nav a
     color var(--sco-white)
   #page-header.not-top-img #nav .back-home-button
     color var(--sco-white)

package/source/js/main.js

@@ -458,21 +458,6 @@ let sco = {
     lightbox: function () {
         window.ViewImage && window.ViewImage.init("#article-container img:not(.flink-avatar), .bber-content-img img, #album_detail img, #equipment img, #twikoo .tk-content img:not(.tk-owo-emotion)");
     },
-    /**
-     * 初始化
-     */
-    initTheme: function () {
-        let isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
-        const cachedMode = saveToLocal.get('theme');
-        if (cachedMode === undefined) {
-            const nowMode =
-                isDarkMode ? 'dark' : 'light'
-            document.documentElement.setAttribute('data-theme', nowMode);
-            saveToLocal.set('theme', nowMode, 0.2);
-        } else {
-            document.documentElement.setAttribute('data-theme', cachedMode);
-        }
-    },
     /**
      *
      */
@@ -1035,8 +1020,6 @@ window.refreshFn = () => {
     GLOBAL_CONFIG.ai.enable && PAGE_CONFIG.page === "post" && ScoAI.init()
 }
 
-sco.initTheme()
-
 document.addEventListener('DOMContentLoaded', function () {
     window.refreshFn()
 })

package/source/lib/universe.min.js

@@ -0,0 +1 @@
+function dark(){window.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame;var t,i,e,s,n=.05,h=document.getElementById("universe"),a=!0,o="226,225,224",r=[];function d(){t=window.innerWidth,i=window.innerHeight,e=.216*t,h.setAttribute("width",t),h.setAttribute("height",i)}function c(){s.clearRect(0,0,t,i);for(var e=r.length,n=0;n<e;n++){var h=r[n];h.move(),h.fadeIn(),h.fadeOut(),h.draw()}}function f(){this.reset=function(){this.giant=u(3),this.comet=!this.giant&&!a&&u(10),this.x=m(0,t-10),this.y=m(0,i),this.r=m(1.1,2.6),this.dx=m(n,6*n)+(this.comet+1-1)*n*m(50,120)+.1,this.dy=-m(n,6*n)-(this.comet+1-1)*n*m(50,120),this.fadingOut=null,this.fadingIn=!0,this.opacity=0,this.opacityTresh=m(.2,1-.4*(this.comet+1-1)),this.do=m(5e-4,.002)+.001*(this.comet+1-1)},this.fadeIn=function(){this.fadingIn&&(this.fadingIn=!(this.opacity>this.opacityTresh),this.opacity+=this.do)},this.fadeOut=function(){this.fadingOut&&(this.fadingOut=!(this.opacity<0),this.opacity-=this.do/2,(this.x>t||this.y<0)&&(this.fadingOut=!1,this.reset()))},this.draw=function(){if(s.beginPath(),this.giant)s.fillStyle="rgba(180,184,240,"+this.opacity+")",s.arc(this.x,this.y,2,0,2*Math.PI,!1);else if(this.comet){s.fillStyle="rgba("+o+","+this.opacity+")",s.arc(this.x,this.y,1.5,0,2*Math.PI,!1);for(var t=0;t<30;t++)s.fillStyle="rgba("+o+","+(this.opacity-this.opacity/20*t)+")",s.rect(this.x-this.dx/4*t,this.y-this.dy/4*t-2,2,2),s.fill()}else s.fillStyle="rgba(226,225,142,"+this.opacity+")",s.rect(this.x,this.y,this.r,this.r);s.closePath(),s.fill()},this.move=function(){this.x+=this.dx,this.y+=this.dy,!1===this.fadingOut&&this.reset(),(this.x>t-t/4||this.y<0)&&(this.fadingOut=!0)},setTimeout((function(){a=!1}),50)}function u(t){return Math.floor(1e3*Math.random())+1<10*t}function m(t,i){return Math.random()*(i-t)+t}d(),window.addEventListener("resize",d,!1),function(){s=h.getContext("2d");for(var t=0;t<e;t++)r[t]=new f,r[t].reset();c()}(),function t(){"dark"==document.getElementsByTagName("html")[0].getAttribute("data-theme")&&c(),window.requestAnimationFrame(t)}()}