hexo-theme-shokax 0.3.12 → 0.4.0-alpha.1

package/README.md

@@ -1,18 +1,25 @@
-# 公告
+# 📣 公告
 [关于ShokaX markdown扩展特性的讨论](https://github.com/theme-shoka-x/hexo-theme-shokaX/discussions/177) \
 [关于删除部分评论系统的讨论](https://github.com/theme-shoka-x/hexo-theme-shokaX/discussions/175)
+
 # hexo-theme-shokaX
 ![LICENSE](	https://img.shields.io/github/license/theme-shoka-x/hexo-theme-shokaX)
 ![stars](https://img.shields.io/github/stars/theme-shoka-x/hexo-theme-shokaX)
 ![version](https://shields.io/npm/v/hexo-theme-shokax)
 ![build](https://img.shields.io/github/actions/workflow/status/theme-shoka-x/hexo-theme-shokaX/build-theme.yml)
 
-语言(language): 简体中文 | [English](./README_en.MD) \
+#### 语言(language): 简体中文 | [English](./README_en.MD) \
 此项目是shoka的一个二次开发版(算精神续作),致力于提高性能和优化魔改体验 \
 诞生原因是目前shoka已经两年没有更新了,积压了大量BUG和功能请求。
 
 shokaX的社区资源导航和插件仓库为[awesome-shokaX](https://github.com/theme-shoka-x/awesome-shokaX)
 
+## 技术栈
+![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
+![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)
+![Pug](https://img.shields.io/badge/Pug-FFF?style=for-the-badge&logo=pug&logoColor=A86454)
+![Stylus](https://img.shields.io/badge/stylus-%23ff6347.svg?style=for-the-badge&logo=stylus&logoColor=white)
+
 ## 💬 和shoka的区别
 原先shoka使用了javascript+Native+nunjucks的技术 \
 而shokaX则使用了typescript+Vue 3+Pug的技术搭配 \
@@ -61,7 +68,7 @@ SXC install shokaX
 - [Typescript 中文网](https://www.tslang.cn/docs/home.html)
 - [Easy hexo](https://easyhexo.com/)
 
-# 许可证
+# [许可证](https://github.com/theme-shoka-x/hexo-theme-shokaX/blob/main/LICENSE)
 许可证: AGPL 3 or later
 
 ## 特别说明

package/README_en.MD

@@ -7,12 +7,18 @@
 ![version](https://shields.io/npm/v/hexo-theme-shokax)
 ![build](https://img.shields.io/github/actions/workflow/status/theme-shoka-x/hexo-theme-shokaX/build-theme.yml)
 
-Language: [简体中文](./README.md) | English \
+#### Language: [简体中文](./README.md) | English \
 This project is a fork (spiritual successor) of Shoka, aimed at improving performance and optimizing the modified experience. \
 The reason for its creation is that Shoka has not been updated for two years, accumulating a large number of bugs and feature requests.
 
 The community resource guide and plugin repository for shokaX are available at [awesome-shokaX](https://github.com/theme-shoka-x/awesome-shokaX)
 
+## Technology Stack
+![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
+![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)
+![Pug](https://img.shields.io/badge/Pug-FFF?style=for-the-badge&logo=pug&logoColor=A86454)
+![Stylus](https://img.shields.io/badge/stylus-%23ff6347.svg?style=for-the-badge&logo=stylus&logoColor=white)
+
 ## 💬 Differences from Shoka
 The original Shoka used a combination of JavaScript + Native + Nunjucks technologies. \
 ShokaX, on the other hand, uses TypeScript + Vue 3 + Pug technologies and has changed many hard-to-access CDN links.
@@ -35,7 +41,7 @@ Notes:
 ## 🔧 How to Install
 Note: This project requires node.js 18.x or higher to run. \
 It is recommended to use [ShokaX-CLI](https://github.com/zkz098/shokaX-CLI) \
-[Click here](https://docs.kaitaku.xyz/guide/#%E9%85%8D%E7%BD%AE%E4%B8%BB%E9%A2%98) for the next configuration steps.
+[Click here](https://docs.kaitaku.xyz/en/guide/) for the next configuration steps.
 
 ## 📚 Sub-projects
 - [ShokaX docs](https://github.com/theme-shoka-x/shokaX-docs) ShokaX Theme Documentation (work in progress, contributions welcome!)
@@ -48,13 +54,15 @@ It is recommended to use [ShokaX-CLI](https://github.com/zkz098/shokaX-CLI) \
 [ShokaX Official Development Documentation](https://docs.kaitaku.xyz/develop/basic/)
 
 Recommended reading for contributing:
-- [Hexo Official Documentation](https://hexo.io/zh-cn/docs/templates)
-- [Stylus Chinese Documentation](http://stylus.bootcss.com/)
+- [Hexo Official Documentation]([https://hexo.io/zh-cn/docs/templates](https://hexo.io/docs/templates.html))
+- [Stylus Documentation](https://stylus-lang.com/)
+- [Stylus Chinese Documentation](https://stylus.bootcss.com/)
 - [Pug Template Engine Chinese Documentation](https://www.pugjs.cn/api/getting-started.html)
+- [TypeScript Documentation](https://www.typescriptlang.org/docs/)
 - [TypeScript Chinese Documentation](https://www.tslang.cn/docs/home.html)
 - [Easy Hexo](https://easyhexo.com/)
 
-# License
+# [License](https://github.com/theme-shoka-x/hexo-theme-shokaX/blob/main/LICENSE)
 License: AGPL 3 or later
 
 ## Special Note

package/_config.yml

@@ -21,8 +21,6 @@ pwa:
 
 # 实验性特性
 experiments:
-  noIE: true # TODO 阻止IE浏览器访问(ShokaX不支持IE的任何版本)
-  noPlayer: false # 禁用音乐播放器
   gradient: false # 使用CSS渐变作为文章封面
   fixedCover: "" # 主页面cover(为空则使用bing随机图片)
   debug: false # 使用debug模式启动
@@ -32,6 +30,17 @@ experiments:
   # 具体见https://docs.kaitaku.xyz/guide/theme.html#%E9%95%BF%E6%96%87%E7%AB%A0%E4%BC%98%E5%8C%96
   mobileWidth: 820px # 移动版和桌面版导航栏最短切换长度
 
+# ShokaX 模块化分包引入设置
+# 请关闭所有不使用的模块以优化主题 js 体积和性能
+modules:
+  player: true # 启用音乐播放器
+  fireworks: true # 启用鼠标点击烟花特效
+  unlazyHash: false # 启用unlazy hash预览图支持
+  visibilityListener: true # 启用可见度监听器
+  tabs: true # 启用选项卡扩展支持，如需开启 summary 功能请一并开启
+  quiz: true # 启用文章内问题扩展支持
+  fancybox: true # 启用 fancybox 支持（不建议禁用）
+
 # 优化性能区
 performance:
   # 使用preconnect预加载的网址(不建议超过三个)
@@ -39,15 +48,11 @@ performance:
     - "https://lf9-cdn-tos.bytecdntp.com"
   # 使用dns-prefetch预解析的网址
   dnsPrefetch:
-    - "https://cdn.jsdelivr.net"
-    - "https://unpkg.com"
 
 playerAPI: "https://api.injahow.cn" # 结尾不带/,只填写域名
 # 如果条件允许,请参考 https://github.com/injahow/meting-api 自建API
 # 使用vercel自行部署,请参考: https://github.com/xizeyoupan/Meting-API
 
-disableVL: false # 禁用可见度监听
-
 icon:
   favicon: "/favicon.ico"
   apple_touch_icon: "/apple-touch-icon.png"
@@ -77,7 +82,7 @@ loader:
 
 # 使用polyfill.io自动处理浏览器兼容问题
 polyfill:
-  enable: true
+  enable: false
   features:
     - default
     - fetch
@@ -155,9 +160,9 @@ font:
     external: true
     family: Inconsolata
 
-# project of https://www.iconfont.cn/
-# //at.alicdn.com/t/font_1832207_c8i9n1ulxlt.css => 1832207_c8i9n1ulxlt
-iconfont: "1832207_igi8uaupcus"
+# //at.alicdn.com/t/c/font_4415496_59g1326wajd.css => 4415496_59g1326wajd
+# 自定义iconfont图标参见文档教程
+iconfont: "4415496_59g1326wajd"
 
 menu:
   home: / || home
@@ -175,9 +180,9 @@ menu:
 # https://twikoo.js.org
 twikoo:
   enable: false
-  link: "https://cdn.staticfile.org/twikoo/1.6.10/twikoo.nocss.min.js"
+  link: "https://cdn.staticfile.org/twikoo/1.6.30/twikoo.all.min.js"
   mode: vercel # vercel或tencent
-  envId: "https://114514.foo.bar" # twikoo环境ID,vercel填地址
+  envId: "https://example.com" # twikoo环境ID,vercel填地址
   region:
 
 # https://waline.js.org/
@@ -212,8 +217,6 @@ summary:
   openai:
     remote: "https://api.openai.com"
     apikey: "key"
-  custom:
-    remote: "http://localhost:8000"
 
 
 # Social Links
@@ -222,7 +225,7 @@ summary:
 # Value before `||` delimiter is the target permalink,
 # secend value is the name of Font icon.
 social:
-  # github: https://github.com/name || github || "#191717"
+   github: https://github.com/name || github || "#191717"
   #google: https://plus.google.com/yourname || google
   #twitter: https://twitter.com/yourname || twitter || "#00aff0"
   #zhihu: https://www.zhihu.com/people/yourname || zhihu || "#1e88e5"
@@ -366,7 +369,7 @@ vendors:
 #    mouse_firework: npm_webcache|mouse-firework@0.0.4/dist/index.umd.js
   async_js:
     fancybox: bytedance|??jquery/3.5.1/jquery.min.js,fancybox/3.5.7/jquery.fancybox.min.js,justifiedGallery/3.8.1/js/jquery.justifiedGallery.min.js
-    copy_tex: npm_webcache|katex@0.16.7/contrib/copy-tex.min.js
+    copy_tex: npm_webcache|katex@0.16.7/dist/contrib/copy-tex.min.js
   css:
     katex: npm_webcache|katex@0.16.7/dist/katex.min.css
     comment: css/comment.css

package/layout/_mixin/comment.pug

@@ -3,17 +3,17 @@ mixin CommentRender()
     - var tk = theme?.twikoo?.enable,wl = theme?.waline?.enable
     if page.comment !== false && !theme.experiments.disableThemeComment
         if tk
-            div(class="wrap" id="tcomments")
+            div(class="wrap" id="comments")
             script(type="text/javascript" data-pjax).
                 setTimeout(function () {
                     twikoo.init({
                         envId: '#{ theme.twikoo.envId }',
-                        el: '#tcomments',
+                        el: '#comments',
                         region: '#{theme.twikoo.region}'
                     })
                 }, 1000)
         else if wl
-            div(class="wrap" id="wcomments")
+            div(class="wrap" id="comments")
             - var locale = JSON.stringify(theme.waline.locale)
             - var emoji = JSON.stringify(theme.waline.emoji)
             - var meta = JSON.stringify(theme.waline.meta)
@@ -23,7 +23,7 @@ mixin CommentRender()
 
                 setTimeout(function () {
                     init({
-                        el: '#wcomments',
+                        el: '#comments',
                         serverURL: '#{theme.waline.serverURL.replace(/\/+$/, '')}',
                         lang: '#{theme.waline.lang}',
                         locale: !{locale},

package/layout/_mixin/segment.pug

@@ -11,7 +11,7 @@ mixin SMRender(item)
             div(class="cover" style=`background: linear-gradient(to bottom right, ${random_color()}, ${random_color()});`)
         else
             div(class="cover")
-                != _url(link1, '<img data-src="'+ _cover(item) +'" alt="article cover">', {itemprop: 'url', title: postText})
+                != _url(link1, '<img loading="lazy" data-src="'+ _cover(item) +'" alt="article cover">', {itemprop: 'url', title: postText})
         div(class="info")
             +PMRender(item)
             h3

package/layout/_partials/head/head.pug

@@ -45,7 +45,6 @@ if fontConfig
 
 include pwa.pug
 if tk
-    != _css("twikoo.css")
     script(src=theme.twikoo.link )
 else if wl
     link(rel="stylesheet" href="https://npm.webcache.cn/@waline/client@v2/dist/waline.css" media="none" onload="this.media='all'")

package/layout/_partials/post/post.pug

@@ -11,7 +11,7 @@ article(itemscope itemtype="http://schema.org/Article" class="post block" lang=t
         if post.photos && post.photos.length
             div(class="gallery" itemscope itemtype="http://schema.org/ImageGallery")
                 each photo in post.photos
-                    img(data-src=_image_url(photo, post.path) itemprop="contentUrl")
+                    img(loading="lazy" data-src=_image_url(photo, post.path) itemprop="contentUrl")
         if theme.summary.enable && page.layout === 'post'
             div(class='tabs' id='summary')
                 div(class="show-btn")

package/layout/_partials/post/reward.pug

@@ -13,6 +13,6 @@ if page.reward !== false
                 else
                     - var translation = name
                 div
-                    img(data-src=`${url_for(theme.statics + theme.assets + image) }` alt=`${ author } ${ translation }`)
+                    img(loading="lazy" data-src=`${url_for(theme.statics + theme.assets + image) }` alt=`${ author } ${ translation }`)
                     p
                         != translation

package/layout/_partials/sidebar/overview.pug

@@ -1,5 +1,5 @@
 div(class="author" itemprop="author" itemscope itemtype="http://schema.org/Person")
-    img(class="image" itemprop="image" alt=author
+    img(loading="lazy" class="image" itemprop="image" alt=author
         data-src=url_for(theme.statics + theme.assets + '/'+ theme.sidebar.avatar))
     p(class="name" itemprop="name")
         != author

package/package.json

@@ -1,44 +1,44 @@
 {
     "name": "hexo-theme-shokax",
-    "version": "0.3.12",
+    "version": "0.4.0-alpha.1",
     "description": "a hexo theme based on shoka",
     "main": "index.js",
     "repository": "https://github.com/theme-shoka-x/hexo-theme-shokaX",
     "author": "zkz098",
     "license": "AGPL-3.0-or-later",
+    "packageManager": "pnpm@8.14.1",
     "scripts": {
         "test": "tsc --build --verbose",
-        "build": "cd ./source && tsc --build --verbose && cd ../scripts && tsc --build --verbose"
+        "build": "cd ./scripts && tsc --build --verbose"
     },
     "devDependencies": {
         "@types/fancybox": "^3.5.6",
         "@types/jquery": "^3.5.29",
         "@types/js-yaml": "^4.0.9",
-        "@types/lozad": "^1.16.4",
-        "@types/node": "^20.11.5",
-        "@typescript-eslint/eslint-plugin": "^6.19.0",
-        "@typescript-eslint/parser": "^6.19.0",
+        "@types/node": "^20.11.10",
+        "@typescript-eslint/eslint-plugin": "^6.20.0",
+        "@typescript-eslint/parser": "^6.20.0",
         "eslint": "^8.56.0",
         "eslint-config-standard": "~17",
         "eslint-plugin-import": "^2.29.1",
         "eslint-plugin-n": "^16.6.2",
         "eslint-plugin-promise": "^6.1.1",
         "eslint-plugin-vue": "^9.20.1",
-        "instantsearch.js": "^4.64.0",
+        "instantsearch.js": "^4.64.1",
         "typescript": "^5.3.3",
         "vue": "^3.4.15"
     },
     "dependencies": {
-        "esbuild": "^0.19.11",
+        "esbuild": "^0.20.0",
         "hexo": "7.0.0",
         "hexo-fs": "^4.1.1",
         "hexo-pagination": "^3.0.0",
         "hexo-util": "^3.2.0",
         "js-yaml": "^4.1.0",
-        "lozad": "^1.16.0",
-        "mouse-firework": "^0.0.4",
+        "mouse-firework": "^0.0.5",
         "theme-shokax-anime": "^0.0.6",
-        "theme-shokax-pjax": "^0.0.3"
+        "theme-shokax-pjax": "^0.0.3",
+        "unlazy": "^0.10.4"
     },
     "engines": {
         "node": ">=18.0.0"

package/scripts/filters/locals.d.ts

@@ -0,0 +1 @@
+declare const fmtNum: (num: any) => any;

package/scripts/filters/locals.ts

@@ -0,0 +1,59 @@
+
+// @ts-ignore
+const fmtNum = (num) => {
+  return num < 10 ? '0' + num : num
+}
+
+hexo.extend.filter.register('template_locals', (locals:localsPlus) => {
+  const { config } = hexo
+  const { __, theme } = locals
+  // @ts-ignore
+  const { i18n } = hexo.theme
+
+  const pangu = {
+    spacing: (data) => {
+      return data
+    }
+  }
+
+  // Language & Config
+  // 根据主题配置的 Creative Commons 许可证生成链接
+  locals.alternate = theme.alternate
+  locals.title = pangu.spacing(__('title') !== 'title' ? __('title') : config.title)
+  locals.subtitle = pangu.spacing(__('subtitle') !== 'subtitle' ? __('subtitle') : config.subtitle)
+  locals.author = __('author') !== 'author' ? __('author') : config.author
+  locals.description = pangu.spacing(__('description') !== 'description' ? __('description') : config.description)
+  locals.languages = [...i18n.languages]
+  locals.languages.splice(locals.languages.indexOf('default'), 1)
+  locals.page.lang = locals.page.lang || locals.page.language
+  locals.hostname = new URL(config.url).hostname || config.url
+
+  // Creative Commons
+  // 根据主题配置的 Creative Commons 许可证生成链接
+  if (theme.creative_commons.license === 'zero') {
+    locals.ccURL = 'https://creativecommons.org/' + 'publicdomain/zero/1.0/' + (theme.creative_commons.language || '')
+  } else {
+    locals.ccURL = 'https://creativecommons.org/' + 'licenses/' + theme.creative_commons.license + '/4.0/' + (theme.creative_commons.language || '')
+  }
+
+  if (locals.page.title) {
+    locals.page.title = pangu.spacing(locals.page.title)
+  }
+  locals.page.lastcat = ''
+  if (locals.page.categories) {
+    locals.page.categories.map((cat) => {
+      if (cat.name) {
+        cat.name = locals.page.lastcat = pangu.spacing(cat.name)
+      }
+      return cat
+    })
+  }
+
+  if (locals.page.category) {
+    locals.page.title = pangu.spacing(locals.page.category)
+  }
+
+  if (locals.page.month) {
+    locals.page.month = fmtNum(locals.page.month)
+  }
+})

package/scripts/filters/post.js

@@ -1,5 +1,5 @@
 /* global hexo */
 hexo.extend.filter.register('after_post_render', (data) => {
     // 使用正则表达式将<img>标签的src属性替换为data-src属性
-    data.content = data.content.replace(/(<img[^>]*) src=/img, '$1 data-src=');
+    data.content = data.content.replace(/(<img[^>]*) src=/img, '$1 loading="lazy" data-src=');
 }, 0);

package/scripts/filters/post.ts

@@ -0,0 +1,6 @@
+/* global hexo */
+
+hexo.extend.filter.register('after_post_render', (data) => {
+  // 使用正则表达式将<img>标签的src属性替换为data-src属性
+  data.content = data.content.replace(/(<img[^>]*) src=/img, '$1 loading="lazy" data-src=')
+}, 0)

package/scripts/generaters/archive.d.ts

@@ -0,0 +1 @@
+export {};

package/scripts/generaters/archive.ts

@@ -0,0 +1,144 @@
+/* global hexo */
+'use strict'
+
+// @ts-ignore
+import pagination from 'hexo-pagination'
+
+// @ts-ignore
+const fmtNum = num => {
+  return num < 10 ? '0' + num : num
+}
+
+if (!(hexo.config.archive && hexo.config.archive.enabled === false)) {
+  // when archive disabled pagination, per_page should be 0.
+  let per_page
+
+  if (hexo.config.archive === 1) {
+    per_page = 0
+  } else if (typeof hexo.config.per_page === 'undefined') {
+    per_page = 10
+  } else {
+    per_page = hexo.config.per_page
+  }
+
+  hexo.config.archive_generator = Object.assign({
+    per_page,
+    yearly: true,
+    monthly: true,
+    daily: false
+  }, hexo.config.archive_generator)
+
+  hexo.extend.generator.register('archive', function (locals) {
+    const config = hexo.config
+    let archiveDir = config.archive_dir
+    const paginationDir = config.pagination_dir || 'page'
+    // @ts-ignore
+    const allPosts = locals.posts.sort(config.archive_generator.order_by || '-date')
+    const perPage = config.archive_generator.per_page
+    let result = []
+
+    if (!allPosts.length) return
+
+    if (archiveDir[archiveDir.length - 1] !== '/') archiveDir += '/'
+
+    function generate (path, posts, options?) {
+      options = options || {}
+      options.archive = true
+
+      result = result.concat(pagination(path, posts, {
+        perPage: path === archiveDir ? 0 : perPage,
+        layout: ['archive', 'index'],
+        format: paginationDir + '/%d/',
+        data: options
+      }))
+    }
+
+    generate(archiveDir, allPosts)
+
+    if (!config.archive_generator.yearly) return result
+
+    const posts = {}
+
+    // 按日期对文章进行分类
+    allPosts.forEach(post => {
+      const date = post.date
+      const year = date.year()
+      const month = date.month() + 1 // month is started from 0
+
+      if (!Object.prototype.hasOwnProperty.call(posts, year)) {
+        // 13个数组. 第一个数组是给这一年的文章准备的
+        // 其他则是各个月份的文章
+        posts[year] = [
+          [],
+          [],
+          [],
+          [],
+          [],
+          [],
+          [],
+          [],
+          [],
+          [],
+          [],
+          [],
+          []
+        ]
+      }
+
+      posts[year][0].push(post)
+      posts[year][month].push(post)
+      // Daily
+      if (config.archive_generator.daily) {
+        const day = date.date()
+        if (!Object.prototype.hasOwnProperty.call(posts[year][month], 'day')) {
+          posts[year][month].day = {}
+        }
+
+        (posts[year][month].day[day] || (posts[year][month].day[day] = [])).push(post)
+      }
+    })
+
+    const Query = this.model('Post').Query
+    const years = Object.keys(posts)
+    let year, data, month, monthData, url
+
+    // Yearly
+    for (let i = 0, len = years.length; i < len; i++) {
+      year = +years[i]
+      data = posts[year]
+      url = archiveDir + year + '/'
+      if (!data[0].length) continue
+
+      generate(url, new Query(data[0]), { year })
+
+      if (!config.archive_generator.monthly && !config.archive_generator.daily) continue
+
+      // Monthly
+      for (month = 1; month <= 12; month++) {
+        monthData = data[month]
+        if (!monthData.length) continue
+        if (config.archive_generator.monthly) {
+          generate(url + fmtNum(month) + '/', new Query(monthData), {
+            year,
+            month
+          })
+        }
+
+        if (!config.archive_generator.daily) continue
+
+        // Daily
+        for (let day = 1; day <= 31; day++) {
+          const dayData = monthData.day[day]
+          if (!dayData || !dayData.length) continue
+          generate(url + fmtNum(month) + '/' + fmtNum(day) + '/', new Query(dayData), {
+            year,
+            month,
+            day
+          })
+        }
+      }
+    }
+
+    return result
+  })
+}

package/scripts/generaters/config.d.ts

@@ -0,0 +1 @@
+export {};

package/scripts/generaters/config.ts

@@ -0,0 +1,52 @@
+'use strict'
+/* global hexo */
+
+import { deepMerge } from 'hexo-util'
+import fs from 'node:fs'
+import path from 'path'
+import yaml from 'js-yaml'
+
+hexo.extend.filter.register('before_generate', () => {
+  if (hexo.config.theme_config) {
+    // @ts-ignore
+    hexo.theme.config = deepMerge(hexo.theme.config, hexo.config.theme_config) as any
+  }
+
+  const data = hexo.locals.get('data')
+
+  if (data.languages) {
+    // @ts-ignore
+    const { i18n } = hexo.theme
+
+    const mergeLang = lang => {
+      if (data.languages[lang]) { // @ts-ignore
+        i18n.set(lang, deepMerge(i18n.get([lang]), data.languages[lang]))
+      }
+    }
+
+    for (const lang of ['en', 'ja', 'zh-CN', 'zh-HK', 'zh-TW']) {
+      mergeLang(lang)
+    }
+  }
+
+  (hexo.theme.config as any).style = {}
+
+  for (const style of ['iconfont', 'colors', 'custom']) {
+    const custom_file = 'source/_data/' + style + '.styl'
+    if (fs.existsSync(custom_file)) {
+      hexo.theme.config.style[style] = path.resolve(hexo.base_dir, custom_file)
+    }
+  }
+
+  if (data.images && data.images.length > 0) {
+    hexo.theme.config.image_list = data.images
+  } else {
+    hexo.theme.config.image_list = yaml.load(fs.readFileSync(path.join(__dirname, '../../_images.yml'), { encoding: 'utf-8' }))
+  }
+
+  if (fs.existsSync(path.join(__dirname, '../../_images_index.yml'))) {
+    hexo.theme.config.index_images = yaml.load(fs.readFileSync(path.join(__dirname, '../../_images_index.yml'), { encoding: 'utf-8' }))
+  } else {
+    hexo.theme.config.index_images = data.index_images || []
+  }
+})

package/scripts/generaters/images.d.ts

@@ -0,0 +1 @@
+export {};

package/scripts/generaters/images.ts

@@ -0,0 +1,26 @@
+/* global hexo */
+'use strict'
+
+// @ts-ignore
+import fs = require('hexo-fs')
+
+hexo.extend.generator.register('images', function (locals) {
+  const theme = hexo.theme.config
+  const dir = 'source/_data/' + theme.assets + '/'
+
+  if (!fs.existsSync(dir)) { return }
+
+  const result = []
+  const files = fs.listDirSync(dir) as string[]
+
+  files.forEach((file) => {
+    result.push({
+      path: theme.assets + '/' + file,
+      data: function () {
+        return fs.createReadStream(dir + file)
+      }
+    })
+  })
+
+  return result
+})

package/scripts/generaters/index.d.ts

@@ -0,0 +1 @@
+export {};