hexo-theme-shokax 0.2.3 → 0.2.5-beta1

package/README.md

@@ -5,6 +5,7 @@
 ![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) \
 此项目是shoka的一个二次开发版(算精神续作),致力于提高性能和优化魔改体验 \
@@ -24,15 +25,17 @@ shokaX的社区资源导航和插件仓库为[awesome-shokaX](https://github.com
 |  PWA支持   |  ✅   |    JSD拆分     |  ✅   |
 |  注入API   |  ✅   |    社区插件系统    |  ✅   |
 |  自定义字体   |  ✅*  |    自定义样式     |  ✅*  |
-| 多种评论系统支持 |  ✅   |   用户行为分析支持   |  ✅   |
+| 多种评论系统支持 |  ✅   |   AI生成文章概括   |  🔬  |
 |  底部备案号   |  ✅   |    自定义页尾     |  ✅*  |
 | CSS渐变封面  |  ✅   | typescript支持 |  ✅   |
 
 备注:
 - *: 需要使用注入API实现
+- 🔬: 实验中，可能存在问题
 
 
 ## 🔧 如何安装?
+注意: 本项目需要 node.js 18.x 或更高版本才能运行 \
 建议使用[ShokaX-CLI](https://github.com/zkz098/shokaX-CLI) ,执行下列命令即可:
 ```bash
 npm i shokax-cli --location=global
@@ -57,7 +60,7 @@ github仓库建议通过右边的 releases 下载,步骤为:
 - [Easy hexo](https://easyhexo.com/)
 
 # 许可证
-许可证: GPL 3 \
+许可证: GPL 3 or later \
 [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fzkz098%2Fhexo-theme-shokaX.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fzkz098%2Fhexo-theme-shokaX?ref=badge_large)
 
 ## 特别说明
@@ -76,3 +79,6 @@ GPL许可证主要目的是限制修改后的分发行为，避免未经许可
 
 ## 特别鸣谢
 [<img src="https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.png" width="25%">](https://jb.gg/OpenSourceSupport)
+
+## 其他信息
+![Star history chart](https://api.star-history.com/svg?repos=theme-shoka-x/hexo-theme-shokaX&type=Date)

package/README_en.MD

@@ -1,25 +1,56 @@
+If the repository address you are visiting is zkz098/hexo-theme-shokaX, please switch to the latest address: theme-shoka-x/hexo-theme-shokaX.
+
 # hexo-theme-shokaX
 [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fzkz098%2Fhexo-theme-shokaX.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fzkz098%2Fhexo-theme-shokaX?ref=badge_shield)
-![LICENSE](	https://img.shields.io/github/license/zkz098/hexo-theme-shokaX)
-![stars](https://img.shields.io/github/stars/zkz098/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: [简体中文](./README.md) | English \
+This project is a secondary development version of shoka (spiritual sequel), dedicated to improving performance and optimizing modding experience.
+The reason for its birth is that shoka has not been updated for two years, with a large backlog of bugs and feature requests.
+
+The community resource navigation and plugin repository for shokaX is awesome-shokaX.
+
+## 💬 Differences with shoka
+The original shoka used javascript+Native+nunjucks technology, while shokaX uses typescript+Vue 3+Pug technology and has changed a lot of hard-to-access CDN links.
+
+## ✨ Feature List
+|          Feature Name           | Implementation Status |          Feature Name          | Implementation Status |
+|:-------------------------------:|:---------------------:|:------------------------------:|:---------------------:|
+|           PWA Support           |           ✅           |         JSD Splitting          |           ✅           |
+|          Injection API          |           ✅           |    Community Plugin System     |           ✅           |
+|          Custom Fonts           |          ✅*           |         Custom Styles          |          ✅*           |
+| Multiple Comment System Support |           ✅           | User Behavior Analysis Support |           ✅           |
+|   Record Number at the Bottom   |           ✅           |         Custom Footer          |          ✅*           |
+|       CSS Gradient Cover        |           ✅           |       Typescript Support       |           ✅           |
 
-语言(language): [简体中文](./README.md) | English \
-This project is a secondary development version of Shoka, dedicated to improving performance and optimizing the development experience. \
-This project is in a period of intensive development, but the github repository version is basically available. \
-Please refer to the wiki for secondary development and common problems.
-Starting with `0.0.2-alpha2`, `lantern` and `qweather` have been migrated as plugins.
-The plugin system is complete, see [awesome-shokaX](https://github.com/zkz098/awesome-shokaX) for how to use it.
+Remarks:
+- *: Requires implementation using Injection API.
 
-## How to install?
-[ShokaX-CLI](https://github.com/zkz098/shokaX-CLI) is recommended:
+## 🔧 How to Install?
+It is recommended to use [ShokaX-CLI](https://github.com/zkz098/shokaX-CLI) and execute the following command:
 ```bash
 npm i shokax-cli --location=global
-# hexo init
-SXC install -r=github shokaX
+# hexo init initializes the environment
+SXC install shokaX
 ```
+[Click here](https://docs.kaitaku.xyz/guide/#%E9%85%8D%E7%BD%AE%E4%B8%BB%E9%A2%98) for the next configuration steps.
+
+It is recommended to download the GitHub repository from the Releases on the right-hand side, as follows:
+
+- Click on the Latest version in Releases
+- Download the Source code(zip) in Assets
+- Unzip to use as the theme
 
 # License
-License: BSD-3-Clause \
+license: GPL 3 or later
 [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fzkz098%2Fhexo-theme-shokaX.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fzkz098%2Fhexo-theme-shokaX?ref=badge_large)
 
+## Contributors
+
+[![](https://contributors-img.web.app/image?repo=zkz098/hexo-theme-shokaX)](https://github.com/zkz098/hexo-theme-shokaX/graphs/contributors)
+
+## Special thanks
+[<img src="https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.png" width="25%">](https://jb.gg/OpenSourceSupport)

package/_config.yml

@@ -198,6 +198,17 @@ giscus:
   commentTheme:
   lang:
 
+summary:
+  enable: false
+  introduce: "我是基于ChatGPT-turbo-3.5实现的AI助手，在此网站上负责整理和概括文章" # AI自我介绍
+  mode: openai # openai/custom
+  openai:
+    remote: "https://api.openai.com"
+    apikey: "key"
+  custom:
+    remote: "http://localhost:8000"
+
+
 # Social Links
 # Usage: `Key: permalink || icon || color`
 # Key is the link label showing to end users.
@@ -344,7 +355,7 @@ advVendors:
     fetch:
       src: npm:whatwg-fetch@3.4.0/dist/fetch.umd.js
     anime:
-      src: bytedance:animejs/3.2.0/anime.min.js
+      src: npm:theme-shokax-anime@latest/anime.shokax.min.js
     algolia:
       src: bytedance:algoliasearch/4.12.1/algoliasearch-lite.umd.min.js
     instantsearch:
@@ -394,7 +405,7 @@ vendors:
     pace: npm/pace-js@1.0.2/pace.min.js # ok
     pjax: npm/pjax@0.2.8/pjax.min.js # ok
     fetch: npm/whatwg-fetch@3.4.0/dist/fetch.umd.min.js # ok
-    anime: npm/animejs@3.2.0/lib/anime.min.js # ok
+    anime: npm/theme-shokax-anime@latest/anime.shokax.min.js
     algolia: npm/algoliasearch@4/dist/algoliasearch-lite.umd.js # ok
     instantsearch: npm/instantsearch.js@4/dist/instantsearch.production.min.js # ok
     lazyload: npm/lozad@1/dist/lozad.min.js # ok

package/layout/_mixin/postmeta.pug

@@ -1,6 +1,5 @@
 mixin PMRender(item, full)
     - full ||= false
-    //- 下方的_content为暴力修复法,在未来需要重写
     div(class="meta")
         - var create_title = __('post.created') + __('symbol.colon') + full_date(item.date)
         span(class="item" title=create_title)

package/layout/_partials/post/post.pug

@@ -12,6 +12,19 @@ article(itemscope itemtype="http://schema.org/Article" class="post block" lang=t
             div(class="gallery" itemscope itemtype="http://schema.org/ImageGallery")
                 each photo in post.photos
                     img(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")
+                div(class="nav")
+                    ul(class="special")
+                div(class="tab" data-id="summary" data-title="自我介绍")
+                    p
+                        != get_introduce()
+                div(class="tab active" data-id="summary" data-title="文章概括")
+                    p
+                        != get_summary(page)
+
+
         != post.content
         if post.tags && post.tags.length
             div(class="tags")

package/package.json

@@ -1,49 +1,48 @@
 {
     "name": "hexo-theme-shokax",
-    "version": "0.2.3",
+    "version": "0.2.5-beta1",
     "description": "a hexo theme based on shoka",
     "main": "index.js",
     "repository": "https://github.com/zkz098/hexo-theme-shokaX",
     "author": "Chou kaitaku",
     "license": "GPL-3.0-or-later",
     "scripts": {
-        "test": "cd ./source/js && tsc",
+        "test": "tsc",
         "build": "pnpm install && tsc",
         "docs:dev": "vuepress dev docs",
         "docs:build": "vuepress build docs"
     },
     "devDependencies": {
         "@algolia/client-search": "^4",
-        "@types/animejs": "^3.1.7",
         "@types/fancybox": "^3.5.3",
         "@types/hexo": "^3.8.8",
         "@types/jquery": "^3.5.16",
         "@types/js-yaml": "^4.0.5",
         "@types/lozad": "^1.16.1",
-        "@types/node": "^18.15.6",
-        "@types/shelljs": "^0.8.11",
-        "@typescript-eslint/eslint-plugin": "^5.56.0",
-        "@typescript-eslint/parser": "^5.56.0",
+        "@types/node": "^18.15.13",
+        "@typescript-eslint/eslint-plugin": "^5.59.0",
+        "@typescript-eslint/parser": "^5.59.0",
         "@vuepress/client": "2.0.0-beta.61",
         "@vuepress/plugin-docsearch": "2.0.0-beta.61",
-        "algoliasearch": "^4.16.0",
-        "eslint": "^8.36.0",
+        "algoliasearch": "^4.17.0",
+        "eslint": "^8.39.0",
         "eslint-config-standard": "^17.0.0",
         "eslint-plugin-import": "^2.27.5",
-        "eslint-plugin-n": "^15.6.1",
+        "eslint-plugin-n": "^15.7.0",
         "eslint-plugin-promise": "^6.1.1",
-        "eslint-plugin-vue": "^9.10.0",
+        "eslint-plugin-vue": "^9.11.0",
         "hexo-fs": "^4.1.1",
         "hexo-util": "^3.0.1",
-        "instantsearch.js": "^4.53.0",
+        "instantsearch.js": "^4.54.1",
         "pjax": "^0.2.8",
-        "typescript": "^5.0.2",
+        "theme-shokax-anime": "^0.0.4",
+        "typescript": "^5.0.4",
         "vue": "^3.2.47",
         "vuepress": "2.0.0-beta.61",
-        "vuepress-plugin-sitemap2": "2.0.0-beta.197"
+        "vuepress-plugin-sitemap2": "2.0.0-beta.206"
     },
     "dependencies": {
         "js-yaml": "^4.1.0",
-        "sass": "^1.60.0"
+        "sass": "^1.62.0"
     }
 }

package/scripts/generaters/config.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const hexo_util_1 = __importDefault(require("hexo-util"));
-const hexo_fs_1 = __importDefault(require("hexo-fs"));
+const node_fs_1 = __importDefault(require("node:fs"));
 const path_1 = __importDefault(require("path"));
 const js_yaml_1 = __importDefault(require("js-yaml"));
 hexo.extend.filter.register('before_generate', () => {
@@ -26,7 +26,7 @@ hexo.extend.filter.register('before_generate', () => {
     hexo.theme.config.style = {};
     for (const style of ['iconfont', 'colors', 'custom']) {
         const custom_file = 'source/_data/' + style + '.styl';
-        if (hexo_fs_1.default.existsSync(custom_file)) {
+        if (node_fs_1.default.existsSync(custom_file)) {
             hexo.theme.config.style[style] = path_1.default.resolve(hexo.base_dir, custom_file);
         }
     }
@@ -34,6 +34,6 @@ hexo.extend.filter.register('before_generate', () => {
         hexo.theme.config.image_list = data.images;
     }
     else {
-        hexo.theme.config.image_list = js_yaml_1.default.load(hexo_fs_1.default.readFileSync(path_1.default.join(__dirname, '../../_images.yml')));
+        hexo.theme.config.image_list = js_yaml_1.default.load(node_fs_1.default.readFileSync(path_1.default.join(__dirname, '../../_images.yml')));
     }
 });

package/scripts/generaters/images.js

@@ -1,22 +1,19 @@
 'use strict';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const hexo_fs_1 = __importDefault(require("hexo-fs"));
+const fs = require("hexo-fs");
 hexo.extend.generator.register('images', function (locals) {
     const theme = hexo.theme.config;
     const dir = 'source/_data/' + theme.assets + '/';
-    if (!hexo_fs_1.default.existsSync(dir)) {
+    if (!fs.existsSync(dir)) {
         return;
     }
     const result = [];
-    const files = hexo_fs_1.default.listDirSync(dir);
+    const files = fs.listDirSync(dir);
     files.forEach((file) => {
         result.push({
             path: theme.assets + '/' + file,
             data: function () {
-                return hexo_fs_1.default.createReadStream(dir + file);
+                return fs.createReadStream(dir + file);
             }
         });
     });

package/scripts/generaters/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const hexo_fs_1 = __importDefault(require("hexo-fs"));
+const fs = require("hexo-fs");
 const hexo_pagination_1 = __importDefault(require("hexo-pagination"));
 hexo.config.index_generator = Object.assign({
     per_page: typeof hexo.config.per_page === 'undefined' ? 10 : hexo.config.per_page,
@@ -31,27 +31,27 @@ hexo.extend.generator.register('index', function (locals) {
     if (categories && categories.length) {
         categories.forEach((cat) => {
             const cover = `source/_posts/${cat.slug}`;
-            if (hexo_fs_1.default.existsSync(cover + '/cover.avif')) {
+            if (fs.existsSync(cover + '/cover.avif')) {
                 covers.push({
                     path: cat.slug + '/cover.avif',
                     data: function () {
-                        return hexo_fs_1.default.createReadStream(cover + '/cover.avif');
+                        return fs.createReadStream(cover + '/cover.avif');
                     }
                 });
             }
-            else if (hexo_fs_1.default.existsSync(cover + '/cover.webp')) {
+            else if (fs.existsSync(cover + '/cover.webp')) {
                 covers.push({
                     path: cat.slug + '/cover.webp',
                     data: function () {
-                        return hexo_fs_1.default.createReadStream(cover + '/cover.webp');
+                        return fs.createReadStream(cover + '/cover.webp');
                     }
                 });
             }
-            else if (hexo_fs_1.default.existsSync(cover + '/cover.jpg')) {
+            else if (fs.existsSync(cover + '/cover.jpg')) {
                 covers.push({
                     path: cat.slug + '/cover.jpg',
                     data: function () {
-                        return hexo_fs_1.default.createReadStream(cover + '/cover.jpg');
+                        return fs.createReadStream(cover + '/cover.jpg');
                     }
                 });
                 const topcat = getTopcat(cat);

package/scripts/generaters/script.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const package_json_1 = __importDefault(require("../../package.json"));
-const hexo_fs_1 = __importDefault(require("hexo-fs"));
+const fs = require("hexo-fs");
 hexo.extend.generator.register('script', function (locals) {
     const log = hexo.log || console.log;
     const config = hexo.config;
@@ -61,27 +61,27 @@ hexo.extend.generator.register('script', function (locals) {
     }
     let text = '';
     ['library', 'global', 'page', 'vue', 'components'].forEach(function (item) {
-        if (hexo_fs_1.default.existsSync(`themes/shokaX/source/js/_app/${item}.js`)) {
-            text += hexo_fs_1.default.readFileSync(`themes/shokaX/source/js/_app/${item}.js`).toString();
+        if (fs.existsSync(`themes/shokaX/source/js/_app/${item}.js`)) {
+            text += fs.readFileSync(`themes/shokaX/source/js/_app/${item}.js`).toString();
         }
         else {
-            text += hexo_fs_1.default.readFileSync(`node_modules/hexo-theme-shokax/source/js/_app/${item}.js`).toString();
+            text += fs.readFileSync(`node_modules/hexo-theme-shokax/source/js/_app/${item}.js`).toString();
         }
     });
     if (!theme.experiments?.noPlayer) {
-        if (hexo_fs_1.default.existsSync('themes/shokaX/source/js/_app/player.js')) {
-            text += hexo_fs_1.default.readFileSync('themes/shokaX/source/js/_app/player.js').toString();
+        if (fs.existsSync('themes/shokaX/source/js/_app/player.js')) {
+            text += fs.readFileSync('themes/shokaX/source/js/_app/player.js').toString();
         }
         else {
-            text += hexo_fs_1.default.readFileSync('node_modules/hexo-theme-shokax/source/js/_app/player.js').toString();
+            text += fs.readFileSync('node_modules/hexo-theme-shokax/source/js/_app/player.js').toString();
         }
     }
     if (theme.fireworks && theme.fireworks.enable) {
-        if (hexo_fs_1.default.existsSync('themes/shokaX/source/js/_app/fireworks.js')) {
-            text += hexo_fs_1.default.readFileSync('themes/shokaX/source/js/_app/fireworks.js').toString();
+        if (fs.existsSync('themes/shokaX/source/js/_app/fireworks.js')) {
+            text += fs.readFileSync('themes/shokaX/source/js/_app/fireworks.js').toString();
         }
         else {
-            text += hexo_fs_1.default.readFileSync('node_modules/hexo-theme-shokax/source/js/_app/fireworks.js').toString();
+            text += fs.readFileSync('node_modules/hexo-theme-shokax/source/js/_app/fireworks.js').toString();
         }
         siteConfig.fireworks = theme.fireworks.color || ['rgba(255,182,185,.9)', 'rgba(250,227,217,.9)', 'rgba(187,222,214,.9)', 'rgba(138,198,209,.9)'];
     }

package/scripts/helpers/list_categories.js

@@ -1,9 +1,6 @@
 'use strict';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const hexo_fs_1 = __importDefault(require("hexo-fs"));
+const fs = require("hexo-fs");
 const prepareQuery = (categories, parent) => {
     const query = {
         parent: undefined
@@ -63,7 +60,7 @@ hexo.extend.helper.register('_categories', function () {
     categories.forEach((cat, i) => {
         const child = prepareQuery(categories, cat._id);
         const cover = 'source/_posts' + cat.path.replace(this.config.category_dir, '') + 'cover.jpg';
-        if (hexo_fs_1.default.existsSync(cover)) {
+        if (fs.existsSync(cover)) {
             const className = cat.slug.split('/');
             className.pop();
             cat.class = className.join(' ');

package/scripts/helpers/summary_ai.js

@@ -0,0 +1,96 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const node_fs_1 = __importDefault(require("node:fs"));
+function getContent(post) {
+    return post?.raw ?? post?._content ?? post.content;
+}
+let db;
+function postMessage(path, content, dbPath, startMessage) {
+    if (node_fs_1.default.existsSync('summary.json')) {
+        db = JSON.parse(node_fs_1.default.readFileSync('summary.json'));
+    }
+    else {
+        db = {};
+    }
+    const config = hexo.theme.config.summary;
+    if (config.enable) {
+        if (typeof db?.[path] !== 'undefined' && typeof db?.[path]?.[dbPath] !== 'undefined') {
+            return db[path][dbPath];
+        }
+        else {
+            if (typeof db?.[path] === 'undefined') {
+                db[path] = {};
+            }
+            else {
+                db[path][dbPath] = '';
+            }
+        }
+        if (config.mode === 'openai') {
+            const request = () => {
+                fetch(`${config.openai.remote}/v1/chat/completions`, {
+                    method: 'POST',
+                    headers: requestHeaders,
+                    body: JSON.stringify(requestBody)
+                }).then((response) => {
+                    if (!response.ok) {
+                        throw Error('ERROR: Failed to get summary from Openai API');
+                    }
+                    response.json().then((data) => {
+                        const summary = data.choices[0].message.content;
+                        try {
+                            db[path][dbPath] = summary;
+                        }
+                        catch (e) {
+                            db ??= {};
+                            db[path] ??= {};
+                            db[path][dbPath] ??= '';
+                            console.log(db[path]);
+                            db[path][dbPath] = summary;
+                        }
+                        node_fs_1.default.writeFileSync('summary.json', JSON.stringify(db));
+                        if (node_fs_1.default.existsSync('requested.lock')) {
+                            node_fs_1.default.unlinkSync('requested.lock');
+                        }
+                        return summary;
+                    });
+                });
+            };
+            const checkTime = () => {
+                if (node_fs_1.default.existsSync('request.lock')) {
+                    if (node_fs_1.default.existsSync('requested.lock')) {
+                        setTimeout(checkTime, 1000 * 10);
+                        return;
+                    }
+                    node_fs_1.default.writeFileSync('requested.lock', '');
+                    setTimeout(request, 1000 * 20);
+                    node_fs_1.default.unlinkSync('request.lock');
+                }
+                else {
+                    node_fs_1.default.writeFileSync('request.lock', '');
+                    request();
+                }
+            };
+            const requestHeaders = {
+                'Content-Type': 'application/json',
+                Authorization: `Bearer ${config.openai.apikey}`
+            };
+            const requestBody = {
+                model: 'gpt-3.5-turbo',
+                messages: [{ role: 'user', content: `${startMessage} ${content}` }],
+                temperature: 0.7
+            };
+            checkTime();
+        }
+        else {
+        }
+    }
+}
+hexo.extend.helper.register('get_summary', (post) => {
+    return postMessage(post.path, getContent(post), 'summary', '请为下述文章提供一份200字以内的概括，使用中文回答且尽可能简洁: ');
+});
+hexo.extend.helper.register('get_introduce', () => {
+    return hexo.theme.config.summary.introduce;
+});

package/source/css/_common/components/tags/tabs.styl

@@ -14,6 +14,13 @@
       overflow-x: auto;
     }
 
+    ul.special::before {
+      font-family: ic;
+      content: "\e652";
+      font-size: x-large;
+      padding-left: 1em;
+    }
+
     li {
       position: relative;
       cursor: pointer;
@@ -27,20 +34,20 @@
         position: absolute;
         left: 50%;
         right: 50%;
-        top: auto;
+        top: 2em;
         bottom: 0;
         transition: all .2s ease-in-out;
         width: auto;
         height: auto;
         background: none;
-        border-radius: 0;
+        border-radius: 10px;
         border-bottom: .125rem solid transparent;
       }
 
       &.active::before {
         left: 0;
         right: 0;
-        border-bottom-color: var(--note-hover, var(--primary-color));
+        border-bottom-color: var(--primary-color);
       }
     }
   }

package/source/css/_mixins.styl

@@ -1,4 +1,4 @@
-$mobile-wdith = hexo-config('experiments.mobileWidth')
+$mobile-wdith = unquote(hexo-config('experiments.mobileWidth'))
 
 the-transition(duration = .2s, function = ease-in-out, delay = 0s, property = all) {
   transition:property duration function delay;

package/source/js/_app/fireworks.js

@@ -77,9 +77,9 @@ function createCircle(x, y) {
     };
     return p;
 }
-function renderParticule(anim) {
-    for (let i = 0; i < anim.animatables.length; i++) {
-        anim.animatables[i].target.draw();
+function renderParticule(targets) {
+    for (const target of targets) {
+        target.draw();
     }
 }
 function animateParticules(x, y) {
@@ -88,31 +88,31 @@ function animateParticules(x, y) {
     for (let i = 0; i < numberOfParticules; i++) {
         particules.push(createParticule(x, y));
     }
-    anime.timeline().add({
+    anime().timeline().add({
         targets: particules,
+        duration: anime.random(1200, 1800),
+        easing: 'easeOutExpo',
+        update: renderParticule,
         x: function (p) {
             return p.endPos.x;
         },
         y: function (p) {
             return p.endPos.y;
         },
-        radius: 0.1,
-        duration: anime.random(1200, 1800),
-        easing: 'easeOutExpo',
-        update: renderParticule
+        radius: 0.1
     }).add({
         targets: circle,
+        duration: anime.random(1200, 1800),
+        easing: 'easeOutExpo',
+        update: renderParticule,
         radius: anime.random(80, 160),
         lineWidth: 0,
         alpha: {
             value: 0,
             easing: 'linear',
             duration: anime.random(600, 800)
-        },
-        duration: anime.random(1200, 1800),
-        easing: 'easeOutExpo',
-        update: renderParticule
-    }, 0);
+        }
+    }).play();
 }
 const render = anime({
     duration: Infinity,
@@ -127,7 +127,7 @@ const hasAncestor = function (node, name) {
             break;
         if (node.nodeName === name)
             return true;
-    } while (node = node.parentNode);
+    } while ((node = node.parentNode) !== null);
     return false;
 };
 document.addEventListener(tap, function (e) {

package/source/js/_app/library.js

@@ -61,7 +61,7 @@ Object.assign(HTMLElement.prototype, {
         }
         return this.getBoundingClientRect().width;
     },
-    top: function () {
+    getTop: function () {
         return this.getBoundingClientRect().top;
     },
     left: function () {
@@ -192,7 +192,7 @@ const vendorCss = function (type, condition) {
         window['css' + type] = true;
     }
 };
-const transition = (target, type, complete) => {
+const transition = (target, type, complete, begin) => {
     let animation;
     let display = 'none';
     switch (type) {
@@ -236,14 +236,14 @@ const transition = (target, type, complete) => {
                 begin: function (anim) {
                     target.display('block');
                 },
-                translateX: [100, 0],
+                translateX: ['100%', '0%'],
                 opacity: [0, 1]
             };
             display = 'block';
             break;
         case 'slideRightOut':
             animation = {
-                translateX: [0, 100],
+                translateX: ['0%', '100%'],
                 opacity: [1, 0]
             };
             break;
@@ -255,11 +255,15 @@ const transition = (target, type, complete) => {
     anime(Object.assign({
         targets: target,
         duration: 200,
-        easing: 'linear'
-    }, animation)).finished.then(function () {
-        target.display(display);
-        complete && complete();
-    });
+        easing: 'linear',
+        begin: function () {
+            begin && begin();
+        },
+        complete: function () {
+            target.display(display);
+            complete && complete();
+        }
+    }, animation)).play();
 };
 const pjaxScript = function (element) {
     const { text, parentNode, id, className, type, src, dataset } = element;
@@ -292,10 +296,10 @@ const pageScroll = function (target, offset, complete) {
         targets: typeof offset === 'number' ? target.parentNode : document.scrollingElement,
         duration: 500,
         easing: 'easeInOutQuad',
-        scrollTop: offset || (typeof target === 'number' ? target : (target ? target.top() + document.documentElement.scrollTop - siteNavHeight : 0)),
+        scrollTop: offset || (typeof target === 'number' ? target : (target ? target.getTop() + document.documentElement.scrollTop - siteNavHeight : 0)),
         complete: function () {
             complete && complete();
         }
     };
-    anime(opt);
+    anime(opt).play();
 };

package/source/js/_app/page.js

@@ -72,7 +72,7 @@ const postFancybox = function (p) {
             $dom.each(p + ' p.gallery', function (element) {
                 const box = document.createElement('div');
                 box.className = 'gallery';
-                box.attr('data-height', element.attr('data-height') || 220);
+                box.attr('data-height', String(element.attr('data-height') || 220));
                 box.innerHTML = element.innerHTML.replace(/<br>/g, '');
                 element.parentNode.insertBefore(box, element);
                 element.remove();
@@ -405,7 +405,7 @@ const tabFormat = function () {
             target.addClass('active');
         });
         box.appendChild(element);
-        element.attr('data-ready', true);
+        element.attr('data-ready', String(true));
     });
 };
 const loadComments = function () {
@@ -616,7 +616,7 @@ const domInit = function () {
 const pjaxReload = function () {
     pagePosition();
     if (sideBar.hasClass('on')) {
-        transition(sideBar, function () {
+        transition(sideBar, 0, function () {
             sideBar.removeClass('on');
             menuToggle.removeClass('close');
         });

package/source/js/_app/player.js

@@ -425,7 +425,7 @@ const mediaPlayer = function (t, config) {
     t.player = {
         _id: utils.random(999999),
         group: true,
-        load: function (newList) {
+        load: (newList) => {
             let d = '';
             if (newList && newList.length > 0) {
                 if (this.options.rawList !== newList) {
@@ -483,7 +483,7 @@ const mediaPlayer = function (t, config) {
                 }
             });
         },
-        mode: function () {
+        mode: () => {
             const total = playlist.data.length;
             if (!total || playlist.errnum === total) {
                 return;
@@ -496,7 +496,7 @@ const mediaPlayer = function (t, config) {
                 }
                 playlist.index = index;
             };
-            const random = function () {
+            const random = () => {
                 const p = utils.random(total);
                 if (playlist.index !== p) {
                     playlist.index = p;
@@ -523,7 +523,7 @@ const mediaPlayer = function (t, config) {
             }
             this.init();
         },
-        switch: function (index) {
+        switch: (index) => {
             if (typeof index === 'number' &&
                 index !== playlist.index &&
                 playlist.current() &&
@@ -555,7 +555,7 @@ const mediaPlayer = function (t, config) {
                 this.play();
             }
         },
-        play: function () {
+        play: () => {
             NOWPLAYING && NOWPLAYING.player.pause();
             if (playlist.current().error) {
                 this.mode();

package/source/js/_app/vue.js

@@ -37,6 +37,8 @@ Vue.createApp({
             }
             transition(neko, 1, function () {
                 setTimeout(c, 210);
+            }, function () {
+                neko.display('block');
             });
         }
     }