hexo-theme-solitude 1.4.0 → 1.4.1

package/_config.yml

@@ -404,7 +404,7 @@ aside:
 errorpage:
   # 图片
   # image
-  img: https://npm.elemecdn.com/wzheo-absolute@1.0.3/image/source/404.png
+  img: https://bu.dusays.com/2023/03/03/6401a7906aa4a.gif
   # 文字
   # text
   text: =awa= 页面走丢了
@@ -412,10 +412,6 @@ errorpage:
   # Recommended article list
   recommendList: true
 
-# 关于页
-# about page
-about: false
-
 # 即刻说说页
 # jike says page
 # 前置要求：需配置即刻说说页面
@@ -430,8 +426,8 @@ says:
   # 1：张洪heo样式 / 2：Leonus样式
   # 1: Zhang Hong heo style / 2: Leonus style
   style: 1
-  # 即刻短文数量（条）。建议范围：1 ~ 999，当数量为-1时，将显示全部。
-  # Number of immediate short articles (pieces). Suggested range: 1~999, when the quantity is -1, all will be displayed.
+  # 即刻短文仅展示前n条
+  # Jike short text only shows the first n
   strip: 30
   # 模式选择。local：本地静态 / json：动态json / memos：动态Memos
   # Mode selection. Local: local static/JSON: dynamic JSON/memory: dynamic Memos
@@ -832,11 +828,11 @@ pwa:
   enable: false
   manifest: /manifest.json # manifest.json 文件路径
   theme_color: '#ffffff' # 主题颜色
-  mask_icon: https://cdn.cbd.int/solitude-source@1.0.3/img/pwa/180.png # 遮罩图标
-  apple_touch_icon: https://cdn.cbd.int/solitude-source@1.0.3/img/pwa/180.png # 苹果触摸图标
-  bookmark_icon: https://cdn.cbd.int/solitude-source@1.0.3/img/pwa/180.png # 书签图标
-  favicon_32_32: https://cdn.cbd.int/solitude-source@1.0.3/img/pwa/32.png # 32x32图标
-  favicon_16_16: https://cdn.cbd.int/solitude-source@1.0.3/img/pwa/16.png # 16x16图标
+  mask_icon: https://cdn.cbd.int/solitude-source/img/pwa/180.png # 遮罩图标
+  apple_touch_icon: https://cdn.cbd.int/solitude-source/img/pwa/180.png # 苹果触摸图标
+  bookmark_icon: https://cdn.cbd.int/solitude-source/img/pwa/180.png # 书签图标
+  favicon_32_32: https://cdn.cbd.int/solitude-source/img/pwa/32.png # 32x32图标
+  favicon_16_16: https://cdn.cbd.int/solitude-source/img/pwa/16.png # 16x16图标
 
 # CDN
 # Don't modify the following settings unless you know how they work
@@ -858,9 +854,9 @@ CDN:
   custom_format: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
 
   option:
-    scoicon_css: https://cdn.cbd.int/solitude-source@1.0.3/icon/scoicon.min.css
-    waterfall: https://cdn.cbd.int/solitude-source@1.0.3/js/waterfall.min.js
-    view_image: https://cdn.cbd.int/solitude-source@1.0.3/js/view-image.min.js
+    scoicon_css: https://cdn.cbd.int/solitude-source/icon/scoicon.min.css
+    waterfall: https://cdn.cbd.int/solitude-source/js/waterfall.min.js
+    view_image: https://cdn.cbd.int/solitude-source/js/view-image.min.js
 #    algolia_search:
 #    instantsearch:
 #    pjax:

package/languages/en-US.yml

@@ -19,7 +19,7 @@ page:
   tags: All tags
   categories: All categories
   archives: Archives
-  echarts: Echarts
+  404: Page not found
 
 home:
   bannertext: Just browsing
@@ -71,7 +71,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.4.0 😄'
+  console: 'Program: Hexo | Theme: Hexo-Theme-Solitude | Author: WangZhuoSco、YiFeng | Github: https://github.com/DuoSco/Hexo-theme-solitude | Version: v1.4.1 😄'
 
 aside:
   postcount: 'Posts :'

package/languages/zh-CN.yml

@@ -19,7 +19,7 @@ page:
   tags: 全部标签
   categories: 全部分类
   archives: 文章
-  echarts: 博客统计
+  404: 页面没有找到
 
 nav:
   site_name_title: 返回博客主页
@@ -70,7 +70,7 @@ search:
 
 head:
   noscript: 开启JavaScript才能访问本站哦~
-  console: '程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：王卓Sco、亦封 | Github: https://github.com/DuoSco/Hexo-theme-solitude | 版本：v1.4.0 😄'
+  console: '程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：王卓Sco、亦封 | Github: https://github.com/DuoSco/Hexo-theme-solitude | 版本：v1.4.1 😄'
 
 aside:
   postcount: '文章总数 :'

package/layout/404.pug

@@ -14,7 +14,7 @@ block content
     if theme.errorpage.recommendList
         .aside-list
             .aside-list-group
-                each post, index in site.posts.sort('-date').data
+                each post, index in site.posts.sort('-date').data.slice(0, 6)
                     if index >= 5
                         break
                     .aside-list-item

package/layout/includes/head.pug

@@ -3,7 +3,7 @@
 - else if (is_archive()) title = _p('page.archives') + (page.year || "")
 - else if (is_tag()) title = _p('page.tag')+': '  + page.tag
 - else if (is_category()) title = _p('page.category') +': ' + page.category
-- else if (page.type === '404') title = '404'+': '  + theme.errorpage.text
+- else if (page.type === '404') title = _p('page.404')
 - else if (page.type === 'tags') title = _p('page.tags')
 - else if (page.type === 'categories') title = _p('page.categories')
 - else if (is_post() || is_page()) title = page.title

package/layout/includes/page/about.pug

@@ -1,4 +1,4 @@
-if theme.about && site.data.about
+if site.data.about
     #about-page
         include ../widgets/page/about/authorinfo
         include ../widgets/page/about/contentinfo

package/layout/includes/widgets/page/says/json.pug

@@ -2,11 +2,10 @@ case theme.says.style
     when 1
         script.
             !async function () {
-                let say_strip = !{theme.says.strip}
                 await fetch('!{url_for(theme.says.mode_link)}')
                     .then(res => res.json())
                     .then(res => {
-                        let list = say_strip === -1 || say_strip >= res.length ? res : res.slice(0, say_strip)
+                        let list = res.slice(0, !{theme.says.strip})
                         let aplayer = null
                         let video = null
                         let imageBox = null
@@ -43,11 +42,10 @@ case theme.says.style
     when 2
         script.
             !async function () {
-                let say_strip = !{theme.says.strip}
                 await fetch('!{url_for(theme.says.mode_link)}')
                     .then(res => res.json())
                     .then(res => {
-                        let list = say_strip === -1 || say_strip >= res.length ? res : res.slice(0, say_strip)
+                        let list = res.slice(0, !{theme.says.strip})
                         let aplayer = null
                         let video = null
                         let imageBox = null

package/layout/includes/widgets/page/says/local.pug

@@ -1,8 +1,4 @@
-if theme.says.strip === -1
-    - var limitedList = site.data.essay.essay_list
-else
-    - var limitedList = site.data.essay.essay_list.slice(0, theme.says.strip)
-each item in limitedList
+each item in site.data.essay.essay_list.slice(0, theme.says.strip)
     li.item
         if theme.says.style === 2
             .meta
@@ -45,4 +41,4 @@ each item in limitedList
                             | 链接
                 if item.content
                     a.bber-reply(onclick=`sco.toTalk('${item.content}')`)
-                        i.scoicon.sco-chat-fill(style="font-size: 1rem;")
+                        i.scoicon.sco-chat-fill

package/layout/includes/widgets/page/says/memos.pug

@@ -2,7 +2,6 @@ case theme.says.style
     when 1
         script.
             !async function () {
-                let say_strip = !{theme.says.strip};
                 let aplayerRegex = /{aplayer,(.*?),(.*?)}/g;
                 let linkRegex = /(?<!\!)\[([^\]]*)\]\(([^\)]*)\)/g;
                 let bilibiliRegex = /{bilibili,(.*?)}/g;
@@ -13,7 +12,7 @@ case theme.says.style
                 await fetch("!{url_for(theme.says.mode_link)}")
                     .then(res => res.json())
                     .then(data => {
-                        let list = say_strip === -1 || say_strip >= data.length ? data : data.slice(0, say_strip);
+                        let list = data.slice(0, !{theme.says.strip});
                         let aplayer = null;
                         let video = null;
                         let imageBox = null;
@@ -59,7 +58,6 @@ case theme.says.style
     when 2
         script.
             !async function () {
-                let say_strip = !{theme.says.strip};
                 let aplayerRegex = /{aplayer,(.*?),(.*?)}/g;
                 let bilibiliRegex = /{bilibili,(.*?)}/g;
                 let playerRegex = /{player,(.*?)}/g;
@@ -69,7 +67,7 @@ case theme.says.style
                 await fetch("!{url_for(theme.says.mode_link)}")
                     .then(res => res.json())
                     .then(data => {
-                        let list = say_strip === -1 || say_strip >= data.length ? data : data.slice(0, say_strip);
+                        let list = data.slice(0, !{theme.says.strip})
                         let aplayer = null;
                         let video = null;
                         let imageBox = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-solitude",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "A beautiful, powerful, and efficient Hexo theme developed by the DuoSco team",
   "main": "package.json",
   "scripts": {

package/source/css/_layout/basic.styl

@@ -295,4 +295,9 @@ table thead
   background var(--sco-secondbg)
 
 b, strong
-  color var(--sco-lighttext)
+  color var(--sco-lighttext)
+
+.button--animated
+  border-radius 8px
+  transition .3s
+  position relative

package/source/css/_page/about/author.styl

@@ -0,0 +1,94 @@
+#about-page
+  .author-info
+    display flex
+    align-items center
+    margin 0 0 16px 0
+
+    .author-tag-left
+      display flex
+      flex-direction column
+      align-items flex-end
+
+      .author-tag
+        &:first-child,
+        &:last-child
+          margin-right -16px
+
+    .author-tag-right
+      display flex
+      flex-direction column
+      align-items flex-start
+
+      .author-tag
+        &:first-child,
+        &:last-child
+          margin-left -16px
+
+    +maxWidth768()
+      .author-tag-left, .author-tag-right
+        display none
+
+    .author-tag
+      transform translate(0, -4px)
+      padding 1px 8px
+      background var(--sco-card-bg)
+      border var(--style-border-always)
+      border-radius 40px
+      margin-top 6px
+      font-size 14px
+      font-weight 700
+      box-shadow var(--sco-shadow-lightblack)
+      animation 6s ease-in-out 0s infinite normal none running floating
+
+      &:nth-child(1)
+        animation-delay 0s
+
+      &:nth-child(2)
+        animation-delay .6s
+
+      &:nth-child(3)
+        animation-delay 1.2s
+
+      &:nth-child(4)
+        animation-delay 1.8s
+
+    .author-img
+      margin 0 30px
+      border-radius 50%
+      width 180px
+      height 180px
+      position relative
+      background var(--sco-secondbg)
+      user-select none
+      transition .3s
+
+      &:hover
+        transform scale(1.1)
+
+      +maxWidth768()
+        width 120px
+        height 120px
+
+        &::before
+          bottom -5px
+          right -5px
+
+      img
+        border-radius 200px
+
+      &::before
+        content ''
+        -webkit-transition 1s
+        -moz-transition 1s
+        -o-transition 1s
+        -ms-transition 1s
+        transition 1s
+        width 30px
+        height 30px
+        background var(--sco-green)
+        position absolute
+        border-radius 50%
+        border 5px solid var(--sco-background)
+        bottom 5px
+        right 10px
+        z-index 2

package/source/css/_page/about/buff.styl

@@ -0,0 +1,34 @@
+#about-page
+  .author-content-item.buff
+    font-size 36px
+    font-weight 700
+    line-height 1.1
+    display flex
+    align-items flex-start
+    flex-direction column
+    justify-content center
+    background linear-gradient(120deg, #ff27e8 0, #ff8000 100%)
+    color var(--sco-white)
+    background-size 200%
+    animation gradient 15s ease infinite
+    min-height 200px
+    height fit-content
+    width 59%
+
+    .card-content
+      display flex
+      flex-direction column
+      justify-content center
+
+    .buff-title
+      display flex
+      flex-direction column
+
+      span:first-child
+        opacity 0.6
+        margin-bottom 8px
+
+    .title1
+      opacity .8
+      font-size .6rem
+      margin-bottom .5rem

package/source/css/_page/about/careers.styl

@@ -0,0 +1,27 @@
+#about-page
+  .author-content-item.careers
+    min-height 400px
+
+    img
+      position absolute
+      left 0
+      bottom 20px
+      width 100%
+      transition .6s
+      user-select none
+
+    .careers-group
+      margin-top 12px
+
+    .careers-item
+      display flex
+      align-items center
+
+      .circle
+        width 16px
+        height 16px
+        margin-right 8px
+        border-radius 16px
+
+      .name
+        color var(--sco-secondtext)

package/source/css/_page/about/contentinfo.styl

@@ -0,0 +1,78 @@
+#about-page
+  .myInfoAndSayHello
+    display flex
+    flex-direction column
+    justify-content center
+    color var(--sco-white)
+    background linear-gradient(120deg, #5b27ff 0, #00d4ff 100%)
+    background-size 200%
+    animation gradient 15s ease infinite
+    width 59%
+
+    .title1
+      opacity .8
+      line-height 1.3
+
+    .title2
+      font-size 36px
+      font-weight 700
+      line-height 1.1
+      margin .5rem 0
+
+    .inline-word
+      word-break keep-all
+      white-space nowrap
+
+  .aboutsiteTips
+    display flex
+    justify-content center
+    align-items flex-start
+    flex-direction column
+    width 39%
+
+    h2
+      margin-right auto
+      font-size 36px
+      font-family Helvetica
+      line-height 1.06
+      letter-spacing -.02em
+      color var(--sco-fontcolor)
+      margin-top 0
+
+    .mask
+      height 36px
+      position relative
+      overflow hidden
+      margin-top 4px
+
+      span
+        display block
+        box-sizing border-box
+        position absolute
+        top 36px
+        padding-bottom var(--offset)
+        background-size 100% 100%
+        -webkit-background-clip text
+        background-clip text
+        -webkit-text-fill-color transparent
+        background-repeat no-repeat
+
+        &[data-show]
+          transform translateY(-100%)
+          transition .5s transform ease-in-out
+
+        &[data-up]
+          transform translateY(-200%)
+          transition .5s transform ease-in-out
+
+      span:nth-child(1)
+        background-image linear-gradient(45deg, #0ecffe 50%, #07a6f1)
+
+      span:nth-child(2)
+        background-image linear-gradient(45deg, #18e198 50%, #0ec15d)
+
+      span:nth-child(3)
+        background-image linear-gradient(45deg, #8a7cfb 50%, #633e9c)
+
+      span:nth-child(4)
+        background-image linear-gradient(45deg, #fa7671 50%, #f45f7f)

package/source/css/_page/about/game.styl

@@ -0,0 +1,41 @@
+#about-page
+  .author-content-item.game-apex
+    min-height 300px
+    overflow hidden
+    color var(--sco-white)
+    width 59%
+
+    &::after
+      box-shadow 0 -69px 203px 11px #04120f inset
+      position absolute
+      content ''
+      width 100%
+      height 100%
+      top 0
+      left 0
+
+    .card-content
+      position absolute
+      width 100%
+      height 100%
+      top 0
+      left 0
+      z-index 2
+      display flex
+      flex-direction column
+      padding 1rem 2rem
+
+  .author-content-item.game-jl
+    width 39%
+    min-height 300px
+    overflow hidden
+    color var(--sco-white)
+
+    &::after
+      box-shadow 0 -69px 203px 11px #415dc9 inset
+      position absolute
+      content ''
+      width 100%
+      height 100%
+      top 0
+      left 0

package/source/css/_page/about/index.styl

@@ -1 +1,39 @@
-@import "./tenyear.styl"
+#about-page
+  display flex
+  padding-top 1rem
+  flex-direction column
+  align-items center
+
+  .author-title
+    font-size 2rem
+    font-weight 700
+    margin 1rem 0
+    line-height 1
+
+@import "tenyear"
+
+@import "author"
+
+@import "contentinfo"
+
+@import "skills"
+
+@import "oneself"
+
+@import "buff"
+
+@import "game"
+
+@import "personalities"
+
+@import "myphoto"
+
+@import "careers"
+
+@import "like"
+
+@import "maxim"
+
+@import "statistic"
+
+@import "reward"

package/source/css/_page/about/like.styl

@@ -0,0 +1,29 @@
+#about-page
+  .author-content-item.like-technology
+    background-size cover
+    min-height 230px
+    color var(--sco-white)
+
+    &::after
+      box-shadow 0 -69px 203px 11px #050b20 inset
+      position absolute
+      content ''
+      width 100%
+      height 100%
+      top 0
+      left 0
+
+  .author-content-item.like-music
+    background-size cover
+    min-height 400px
+    color var(--sco-white)
+    overflow hidden
+
+    &::after
+      box-shadow 0 -69px 203px 11px #0e0e0e inset
+      position absolute
+      content ''
+      width 100%
+      height 100%
+      top 0
+      left 0

package/source/css/_page/about/maxim.styl

@@ -0,0 +1,23 @@
+#about-page
+  .author-content-item.maxim
+    font-size 36px
+    font-weight 700
+    line-height 1.1
+    display flex
+    align-items flex-start
+    flex-direction column
+    justify-content center
+    width 39%
+
+    .maxim-title
+      display flex
+      flex-direction column
+
+      span:first-child
+        opacity 0.6
+        margin-bottom 8px
+
+    .title1
+      opacity .8
+      font-size .6rem
+      margin-bottom .5rem

package/source/css/_page/about/myphoto.styl

@@ -0,0 +1,34 @@
+#about-page
+  .author-content-item.myphoto
+    height 60%
+    min-height 240px
+    position relative
+    overflow hidden
+    width 39%
+    display flex
+    align-items center
+    justify-content center
+
+    img
+      position absolute
+      height 100%
+      min-width 100%
+      object-fit cover
+      transition .6s
+      user-select none
+
+    &:hover
+      img
+        min-width 105%
+        transition 2s
+
+    .myphoto-title
+      position absolute
+      bottom 0
+      left 0
+      width 100%
+      background var(--sco-maskbgdeep)
+      padding .5rem 2rem
+      backdrop-filter saturate(180%) blur(20px)
+      -webkit-backdrop-filter blur(20px)
+      transform translateZ(0)