Optimize the loading speed

- Add HTML, CSS and JavaScript minifier.
- Images
  - Create “One-click Image Converter” (OCIC) to convert images to WebP
    format.
  - Convert all pictures in articles to WebP format. (The logo image was
    manually compressed but remained to be PNG format.)
  - Move the logo from `./source/images/` to
    `./themes/wind/source/images/` in order to prevent it from being
    converted.
  - Remove `hexo-lazyload-image` and use `vanilla-lazyload` instead.
  - Load all images lazily including the background photo. (Now, you
    will see it blurred first and then become clear.)
- JavaScript
  - Move the position of scripts in HTML pages closer to `</body>`.
  - Load scripts other than jQuery asynchronously by dynamically
    inserting them into the HTML DOM.
  - Remove `fancybox` and use `medium-zoom` instead.
- Fonts
  - Delay the loading of fonts for 3 seconds to try to avoid other
    resources being blocked by them.
  - Use English fonts on plain English text.
  - Fix English fonts do not work.
- Fix twice redirection when visitors enter `Archives` through the
  navigation bar.

Author: BioniCosmos

_config.yml

@@ -51,7 +51,3 @@ markdown:
   plugins:
     - markdown-it-sub
     - markdown-it-sup
-lazyload:
-  enable: true
-  loadingImg:
-  preloadRatio: 3

ocic/index.js

@@ -0,0 +1,36 @@
+'use strict'
+
+import fs from 'fs'
+import path from 'path'
+import { execFile } from 'node:child_process'
+import cwebp from 'cwebp-bin'
+
+function isImage(pathname) {
+    const imageExtNames = ['.png', '.jpg', '.jpeg', '.bmp']
+    const ext = path.extname(pathname)
+    return imageExtNames.includes(ext)
+}
+
+function toWebP(dir) {
+    fs.readdirSync(dir).forEach(file => {
+        const pathname = path.join(dir, file)
+        if (fs.statSync(pathname).isDirectory()) {
+            toWebP(pathname)
+        } else if (isImage(pathname)) {
+            execFile(cwebp, ['-q', '80', pathname, '-o', `${path.join(dir, path.basename(file, path.extname(pathname)))}.webp`], err => {
+                if (err) {
+                    throw err
+                }
+                fs.unlinkSync(pathname)
+                console.log(pathname)
+            })
+        }
+    })
+}
+
+const args = process.argv.slice(2)
+if (args.length === 0) {
+    console.log('Please specify a directory.')
+    process.exit(1)
+}
+args.forEach(arg => toWebP(arg))

ocic/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "ocic",
+  "main": "index.js",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "cwebp-bin": "^7.0.1"
+  }
+}