hexo-theme-solitude 1.7.5 → 1.7.6

package/_config.yml

@@ -138,6 +138,12 @@ hometop:
     # Shadow color
     color: "none"
 
+## banner
+## 推荐文章banner
+# 使用方法：在文章的front matter中添加“recommend: true”
+# tip：建议开了这个就不要开hometop，其功能类似
+banner: false
+
 # --------------------------------------
 # Aside Settings
 # 侧边栏配置
@@ -164,7 +170,7 @@ aside:
   page:
     noSticky: "about"
     Sticky: "newestPost,allInfo"
-  position: 0 # left(0): 左侧 / right(1): 右侧
+  position: 1 # left(0): 左侧 / right(1): 右侧
   # 侧边栏个人信息卡片
   # Sidebar personal information
   card:

package/layout/includes/inject/body.pug

@@ -109,6 +109,9 @@ div#js-pjax
     if is_home() && theme.says.home_mini
         script.
             sco.initbbtalk();
+    if is_home() && theme.banner && site.posts.data.filter(item => item.recommend === true).slice(0,6) || false
+        script.
+            banner_swiper()
     if page.type === 'says' && theme.says.enable
         script.
             window.addEventListener('resize', utils.throttle(function () {
@@ -118,6 +121,7 @@ div#js-pjax
             }), 500);
             sco.reflashEssayWaterFall();
             GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".bber-content-img img"));
+            sco.changeTimeFormat(document.querySelectorAll('.bber-info-time time'))
     if theme.busuanzi && (theme.aside.siteinfo.uv || theme.aside.siteinfo.pv)
         script(async src=url_for(theme.cdn.busuanzi_js))
 

package/layout/includes/inject/head.pug

@@ -111,7 +111,7 @@ script.
     )(window)
 
     console.log(
-        "%c Program: Hexo %c Theme: Solitude %c Version: v1.7.5",
+        "%c Program: Hexo %c Theme: Solitude %c Version: v1.7.6",
         "border-radius:5px 0 0 5px;padding: 5px 10px;color:white;background:#ff3842;",
         "padding: 5px 10px;color:white;background:#3e9f50;",
         "border-radius:0 5px 5px 0;padding: 5px 10px;background:#0084ff;color:white;"

package/layout/includes/widgets/home/leonus.pug

@@ -0,0 +1,49 @@
+- let recommends = site.posts.data.filter(item => item.recommend === true).slice(0,6) || false
+
+if recommends
+    .recent-post-item#swiperBox
+        span.swiperBox-top-text= _p('home.recommend')
+        div.blog-slider.swiper-container-fade.swiper-container-horizontal#swiper_container
+            .blog-slider__wrp.swiper-wrapper
+                each item,index in recommends
+                    .blog-slider__item.swiper-slide(style=`background-image: url(${item.cover})`)
+                        .blog-slider__content
+                            a.blog-slider__title(onclick=`event.stopPropagation();`, href=item.path)=item.title
+                            span.blog-slider__code
+                                | 发布时间：
+                                time(datetime=item.date)
+                            .blog-slider__text=item.description
+            .swiper-button-next
+            .swiper-button-prev
+            .blog-slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets
+
+    script.
+        function banner_swiper() {
+            let e = new Swiper(".blog-slider", {
+                navigation: {
+                    nextEl: ".swiper-button-next",
+                    prevEl: ".swiper-button-prev"
+                },
+                passiveListeners: !0,
+                loop: !0,
+                autoplay: {
+                    disableOnInteraction: !0,
+                    delay: 5e3
+                },
+                mousewheel: !0,
+                pagination: {
+                    el: ".blog-slider__pagination",
+                    clickable: !0
+                }
+            })
+                , t = document.getElementById("swiper_container");
+            null !== t && (t.onmouseenter = () => {
+                    e.autoplay.stop()
+                }
+                    ,
+                    t.onmouseleave = () => {
+                        e.autoplay.start()
+                    }
+            )
+        }
+

package/layout/index.pug

@@ -9,6 +9,8 @@ block content
                 include ./includes/widgets/home/hometop
     main.layout#content-inner
         .recent-posts#recent-posts
+            if theme.banner && is_home_first_page()
+                include ./includes/widgets/home/leonus.pug
             #category-bar
                 include ./includes/widgets/home/categoryBar
             for post, index in page.posts.sort("-sticky" || "-date").data

package/package.json

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

package/source/css/_layout/aside.styl

@@ -9,7 +9,10 @@
     margin-top: 0
 
   +minWidth900()
-    padding-left 15px
+    if hexo-config('aside.position') == 0
+      padding-right 15px
+    else
+      padding-left 15px
 
   +maxWidth1200()
     display none

package/source/css/_page/_home/banner.styl

@@ -0,0 +1,115 @@
+div#swiper_container
+  width 100%
+  height 12rem
+  position relative
+  transition all .3s
+  overflow hidden
+
+#swiperBox
+  margin-top 0!important
+
+  .swiperBox-top-text
+    position absolute
+    z-index 2
+    color var(--efu-white)
+    background var(--efu-red)
+    letter-spacing 3px
+    top 0
+    left 15px
+    font-size 15px
+    width 35px
+    display flex
+    justify-content center
+    border-radius 0 0 12px 12px
+
+  .swiper-button-next::after, .swiper-button-prev::after
+    font-size 1rem !important
+
+  .swiper-button-prev, .swiper-button-next
+    transition all .3s
+    color var(--efu-main) !important
+
+    &:hover
+      transition all .3s
+      border-radius 5px
+      color var(--efu-card-bg) !important
+      background var(--efu-maskbg)
+
+  .swiper-button-next::after, .swiper-button-prev::after
+    font-size 1.5rem
+    color var(--efu-bg)
+
+  .blog-slider__pagination .swiper-pagination-bullet
+    margin 0 8px
+    width 11px
+    height 11px
+    display inline-block
+    border-radius 99px
+    background var(--efu-white)
+    opacity .8
+    transition all .3s
+
+  .blog-slider__pagination .swiper-pagination-bullet-active
+    opacity 1
+    background var(--efu-main)
+    width 30px
+
+  .blog-slider__pagination
+    position absolute
+    z-index 21
+    text-align center
+
+  #recent-posts > #swiperBox.recent-post-item
+    cursor default
+
+  .blog-slider__item
+    background-size cover
+    background-position center
+    overflow hidden
+
+    &::after
+      content ''
+      position absolute
+      width 100%
+      height 100%
+      background-color rgba(0, 0, 0, .5)
+      z-index -1
+      left 0
+      top 0
+
+  .blog-slider__content > *
+    text-align center
+    line-height 1.5
+    margin 2px 0
+    color var(--efu-white)
+
+  a.blog-slider__title
+    font-size 2rem
+
+    +maxWidth768()
+      font-size 1.3rem
+
+  .blog-slider__code
+    display block
+    font-weight 500
+
+  .blog-slider__text
+    font-size 18px
+    -webkit-line-clamp 2
+    overflow hidden
+    display -webkit-box
+    -webkit-box-orient vertical
+    +minWidth1300()
+      padding 0 5rem
+    +maxWidth900()
+      padding 0 3rem
+    +maxWidth768()
+      display none
+
+  .blog-slider__content
+    padding 0 50px 20px
+    display flex
+    justify-content center
+    align-items center
+    flex-direction column
+    height 100%

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

@@ -11,6 +11,9 @@ if hexo-config('hometop.enable') || hexo-config('says.enable')
 if hexo-config('hometop.enable')
   @import "home-top.styl"
 
+if hexo-config('banner')
+  @import "banner.styl"
+
 @import "category-bar.styl"
 
 @import "recent-post.styl"

package/source/css/_page/says.styl

@@ -5,7 +5,6 @@ if hexo-config('says.home_mini')
     display flex
     white-space nowrap
     overflow hidden
-    margin-bottom 1rem
     border var(--style-border)
     transition .3s
     height 50px
@@ -18,12 +17,17 @@ if hexo-config('says.home_mini')
     &.more-page
       margin-bottom 0
 
-    +maxWidth1300()
+    if hexo-config('hometop.enable')
       margin-bottom 1rem
+
+    +maxWidth1300()
+      if hexo-config('hometop.enable')
+        margin-bottom 1rem
       animation slide-in .6s 0s backwards
 
     +minWidth1300()
-      margin-bottom .5rem
+      if hexo-config('hometop.enable')
+        margin-bottom .5rem
       animation slide-in .6s 0s backwards
       &:hover
         border var(--style-border-hover)