hexo-theme-shokax 0.4.13 → 0.4.14

package/_config.yml

@@ -27,6 +27,10 @@ experiments:
   optimizeLongPosts: false # 优化长文章，这能让长文章的FPS提升70%-150%并解决假死问题，但存在一些副作用
   # 具体见https://docs.kaitaku.xyz/guide/theme.html#%E9%95%BF%E6%96%87%E7%AB%A0%E4%BC%98%E5%8C%96
   mobileWidth: 820px # 移动版和桌面版导航栏最短切换长度
+  coverConfig:
+    enableCover: true # 是否开启头图
+    enablePreload: true #是否开启预加载头图
+    enableNextGradientCover: true # 使用CSS渐变作为上/下一页封面
 
 homeConfig:
   gradient: false # 使用CSS渐变作为文章封面

package/layout/_partials/layout.pug

@@ -8,16 +8,19 @@ if (theme.quicklink.ignores)
 
 - var covers = _cover_index(page, 6)
 - var enableFixedCover = theme.homeConfig?.fixedCover
+- var enablePreload = theme.experiments?.coverConfig?.enablePreload
+- var enableCover = theme.experiments?.coverConfig?.enableCover
 
 doctype html
 html(lang=page.language?page.language:config.language, style=theme.grayMode ? 'filter: grayscale(1);':'' )
     head
         != partial('_partials/head/head.pug', {}, {cache: true})
-        if enableFixedCover
-            link(rel="preload" href=theme.homeConfig.fixedCover as="image" fetchpriority="high")
-        else
-            each image in covers
-                link(rel="preload" href=image as="image" fetchpriority="high")
+        if enablePreload && enableCover
+            if enableFixedCover
+                link(rel="preload" href=theme.homeConfig.fixedCover as="image" fetchpriority="high")
+            else
+                each image in covers
+                    link(rel="preload" href=image as="image" fetchpriority="high")
 
         != partial('_partials/head/head_com.pug')
         != shokax_inject('head')
@@ -44,17 +47,18 @@ html(lang=page.language?page.language:config.language, style=theme.grayMode ? 'f
 
                     != partial('_partials/header.pug', {}, {cache: true})
                 div(id="imgs" class="pjax")
-                    if theme.homeConfig.gradient || enableFixedCover
-                        //- cover不可用时用Bing随机图片代替
-                        - var coverImage = theme.homeConfig?.fixedCover || "https://7ed.net/bing/api"
-                        img(src=coverImage loading="eager" decoding="async" fetchpriority="high" alt=title)
-                    else
-                        if covers.length === 6
-                            ul
-                                each image in covers
-                                    li(class="item" style=`background-image: url("${image}");`)
+                    if enableCover
+                        if theme.homeConfig.gradient || enableFixedCover
+                            //- cover不可用时用Bing随机图片代替
+                            - var coverImage = theme.homeConfig?.fixedCover || "https://7ed.net/bing/api"
+                            img(src=coverImage loading="eager" decoding="async" fetchpriority="high" alt=title)
                         else
-                            img(src=covers loading="eager" decoding="async" fetchpriority="high" alt=title)
+                            if covers.length === 6
+                                ul
+                                    each image in covers
+                                        li(class="item" style=`background-image: url("${image}");`)
+                            else
+                                img(src=covers loading="eager" decoding="async" fetchpriority="high" alt=title)
             div(id="waves")
                 svg(class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto")
                     defs

package/layout/_partials/post/nav.pug

@@ -1,8 +1,12 @@
 mixin navpost(item, type)
+    - var enableNextGradientCover = theme?.experiments?.coverConfig?.enableNextGradientCover
     - var postText = item.title || item.link || __('post.untitled')
     - var lastcat = item.categories.last()
     - var itemlink = `<span class="type">${__('post.' + type)}</span>${lastcat && lastcat.name ? `<span class="category"><i class="ic i-flag"></i>${lastcat.name}</span>` : ''}<h3>${postText}</h3>`
-    != _url(item.path, itemlink, {itemprop: 'url', rel: type, 'data-background-image': _cover(item), title: postText})
+    if enableNextGradientCover
+        != _url(item.path, itemlink, {itemprop: 'url', rel: type, title: postText, style: `background-image: linear-gradient(to bottom right, ${random_color()}, ${random_color()});`})
+    else
+        != _url(item.path, itemlink, {itemprop: 'url', rel: type, 'data-background-image': _cover(item), title: postText})
 
 div(class="post-nav")
     div(class="item left")

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "hexo-theme-shokax",
-    "version": "0.4.13",
+    "version": "0.4.14",
     "description": "a hexo theme based on shoka",
     "main": "index.js",
     "repository": "https://github.com/theme-shoka-x/hexo-theme-shokaX",
@@ -30,7 +30,7 @@
         "@algolia/client-search": "^5.5.3",
         "@waline/client": "^3.3.2",
         "algoliasearch": "5.5.3",
-        "esbuild": "^0.23.1",
+        "esbuild": "^0.24.0",
         "hexo": "^7.3.0",
         "hexo-algoliasearch": "^2.0.1",
         "hexo-feed": "^1.1.2",

package/scripts/generaters/script.js

@@ -134,9 +134,6 @@ hexo.extend.generator.register("script", function(locals) {
       __shokax_twikoo__: theme.twikoo.enable ? "true" : "false",
       shokax_CONFIG: JSON.stringify(siteConfig),
       shokax_siteURL: "'" + config.url + "'"
-    },
-    alias: {
-      "algoliasearch/lite": "algoliasearch/dist/algoliasearch-lite.esm.browser.js"
     }
   });
   const res = [];

package/source/js/_app/page/search.ts

@@ -1,10 +1,9 @@
-import { BODY, CONFIG, setSiteSearch, siteSearch } from '../globals/globalVars'
+import { CONFIG, siteSearch } from '../globals/globalVars'
 import { transition } from '../library/anime'
-import { $dom } from '../library/dom'
 import { searchBox, configure, stats, hits, pagination } from 'instantsearch.js/es/widgets'
 import type { HitHighlightResult } from 'instantsearch.js/es/types/results'
 import instantsearch from 'instantsearch.js'
-import algoliasearch from 'algoliasearch/lite'
+import { liteClient as algoliasearch } from 'algoliasearch/lite'
 
 export function algoliaSearch (pjax) {
   const search = instantsearch({