diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 0000000..0312b76
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..322bee4
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 LIUZHICHAO.COM
+Copyright (c) 2019 DILLONZQ.COM
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/README.md b/README.md
index b47adcf..f20c70b 100644
--- a/README.md
+++ b/README.md
@@ -1,23 +1,22 @@
-# Clear 主题使用与限制
+# Clear 主题
 
 基于 Halo2.0 开发，将当前目录压缩为 zip 包后安装
 
 基于 [LoveIt](https://github.com/dillonzq/LoveIt) Hugo 主题模版进行开发
 
 初始化设置步骤如下：
+
 - [x] 如果需要展示博客内容，需要在 Console 端添加 **文章 / 标签 / 分类**，然后将文章在设置里划分到对应的标签和分类中
 - [x] 该主题需要配合 Halo 官方的评论组件、搜索组件的插件使用
 
-注：如果主题的部分样式丢失，可在 Console 端的主题 tag 菜单底部点击保存并再次刷新主题页面查看效果
+预览效果：
 
-预览效果
 ![clear1.jpg](clear1.jpg)
 
 ![clear2.jpg](clear2.jpg)
 
-预览地址:
-http://43.136.69.44:8090/
+预览地址：<http://43.136.69.44:8090/>
 
-如有版权问题请联系 junhong.zhou@fit2cloud.com 进行修改
+如有版权问题请联系 <junhong.zhou@fit2cloud.com> 进行修改
 
 主题开发参考 [Halo官方文档](https://docs.halo.run)
diff --git a/package.json b/package.json
index a421ef1..5010431 100644
--- a/package.json
+++ b/package.json
@@ -1,14 +1,8 @@
 {
   "name": "@halo-dev/theme-clear",
-  "private": true,
   "version": "1.0.1",
+  "private": true,
   "description": "A development starter theme with modern front-end technology stack for Halo",
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "tsc && vite build",
-    "lint": "eslint ./src --ext .js,.cjs,.mjs,.ts,.cts,.mts --ignore-path .gitignore",
-    "prettier": "prettier --write './src/**/*.{js,ts,css,json,ml,yaml,html}' './templates/**/*.html'"
-  },
   "keywords": [
     "halo",
     "halo-theme"
@@ -24,8 +18,8 @@
   "license": "GPL-3.0",
   "author": {
     "name": "Halo OSS Organization",
-    "url": "https://github.com/halo-dev",
-    "email": "hi@halo.run"
+    "email": "hi@halo.run",
+    "url": "https://github.com/halo-dev"
   },
   "maintainers": [
     {
@@ -34,24 +28,37 @@
       "url": "https://github.com/ruibaby"
     }
   ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "dev": "vite build --watch",
+    "lint": "eslint ./src --ext .js,.cjs,.mjs,.ts,.cts,.mts --ignore-path .gitignore",
+    "prepare": "husky install",
+    "prettier": "prettier --write './src/**/*.{js,ts,css,json,ml,yaml,html}' './templates/**/*.html'"
+  },
+  "lint-staged": {
+    "*.html": [
+      "prettier --write"
+    ]
+  },
   "devDependencies": {
+    "@algolia/cli": "^4.0.8",
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
     "@types/node": "18.11.9",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
+    "babelify": "^10.0.0",
+    "browserify": "^16.5.2",
+    "core-js": "^3.22.4",
     "eslint": "^8.53.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-prettier": "^4.2.1",
+    "husky": "^7.0.4",
+    "lint-staged": "^15.2.0",
     "prettier": "^2.8.8",
+    "segmentit": "^2.0.3",
     "typescript": "^4.9.5",
-    "vite": "^4.5.0",
-    "@algolia/cli": "^4.0.8",
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.17.10",
-    "@babel/preset-env": "^7.17.10",
-    "babelify": "^10.0.0",
-    "browserify": "^16.5.2",
-    "core-js": "^3.22.4",
-    "husky": "^7.0.0",
-    "segmentit": "^2.0.3"
+    "vite": "^4.5.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4f0c0e8..640297a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,5 +1,9 @@
 lockfileVersion: '6.0'
 
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
 devDependencies:
   '@algolia/cli':
     specifier: ^4.0.8
@@ -41,8 +45,11 @@ devDependencies:
     specifier: ^4.2.1
     version: registry.npmmirror.com/eslint-plugin-prettier@4.2.1(eslint-config-prettier@8.10.0)(eslint@8.56.0)(prettier@2.8.8)
   husky:
-    specifier: ^7.0.0
+    specifier: ^7.0.4
     version: registry.npmmirror.com/husky@7.0.4
+  lint-staged:
+    specifier: ^15.2.0
+    version: 15.2.0
   prettier:
     specifier: ^2.8.8
     version: registry.npmmirror.com/prettier@2.8.8
@@ -56,7 +63,605 @@ devDependencies:
     specifier: ^4.5.0
     version: registry.npmmirror.com/vite@4.5.1(@types/node@18.11.9)
 
-packages:
+packages:
+
+  /@esbuild/android-arm64@0.18.20:
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm@0.18.20:
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64@0.18.20:
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.18.20:
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.18.20:
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64@0.18.20:
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64@0.18.20:
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.18.20:
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm@0.18.20:
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32@0.18.20:
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.18.20:
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el@0.18.20:
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64@0.18.20:
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64@0.18.20:
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x@0.18.20:
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64@0.18.20:
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.18.20:
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.18.20:
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.18.20:
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.18.20:
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.18.20:
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-x64@0.18.20:
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents.3:
+    resolution: {integrity: sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==}
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /ansi-escapes@6.2.0:
+    resolution: {integrity: sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      type-fest: 3.13.1
+    dev: true
+
+  /ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+
+  /chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+    requiresBuild: true
+    dependencies:
+      anymatch: registry.npmmirror.com/anymatch@3.1.3
+      braces: registry.npmmirror.com/braces@3.0.2
+      glob-parent: registry.npmmirror.com/glob-parent@5.1.2
+      is-binary-path: registry.npmmirror.com/is-binary-path@2.1.0
+      is-glob: registry.npmmirror.com/is-glob@4.0.3
+      normalize-path: registry.npmmirror.com/normalize-path@3.0.0
+      readdirp: registry.npmmirror.com/readdirp@3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+    optional: true
+
+  /cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      restore-cursor: 4.0.0
+    dev: true
+
+  /cli-truncate@4.0.0:
+    resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
+    engines: {node: '>=18'}
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 7.1.0
+    dev: true
+
+  /colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+    dev: true
+
+  /commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+    dev: true
+
+  /cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+    dev: true
+
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
+  /emoji-regex@10.3.0:
+    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
+    dev: true
+
+  /eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+    dev: true
+
+  /execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 8.0.1
+      human-signals: 5.0.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.2.0
+      onetime: 6.0.0
+      signal-exit: 4.1.0
+      strip-final-newline: 3.0.0
+    dev: true
+
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /get-east-asian-width@1.2.0:
+    resolution: {integrity: sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==}
+    engines: {node: '>=18'}
+    dev: true
+
+  /get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+    dev: true
+
+  /human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+    dev: true
+
+  /is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /is-fullwidth-code-point@5.0.0:
+    resolution: {integrity: sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==}
+    engines: {node: '>=18'}
+    dependencies:
+      get-east-asian-width: 1.2.0
+    dev: true
+
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
+
+  /lilconfig@3.0.0:
+    resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /lint-staged@15.2.0:
+    resolution: {integrity: sha512-TFZzUEV00f+2YLaVPWBWGAMq7So6yQx+GG8YRMDeOEIf95Zn5RyiLMsEiX4KTNl9vq/w+NqRJkLA1kPIo15ufQ==}
+    engines: {node: '>=18.12.0'}
+    hasBin: true
+    dependencies:
+      chalk: 5.3.0
+      commander: 11.1.0
+      debug: 4.3.4
+      execa: 8.0.1
+      lilconfig: 3.0.0
+      listr2: 8.0.0
+      micromatch: 4.0.5
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /listr2@8.0.0:
+    resolution: {integrity: sha512-u8cusxAcyqAiQ2RhYvV7kRKNLgUvtObIbhOX2NCXqvp1UU32xIg5CT22ykS2TPKJXZWJwtK3IKLiqAGlGNE+Zg==}
+    engines: {node: '>=18.0.0'}
+    dependencies:
+      cli-truncate: 4.0.0
+      colorette: 2.0.20
+      eventemitter3: 5.0.1
+      log-update: 6.0.0
+      rfdc: 1.3.1
+      wrap-ansi: 9.0.0
+    dev: true
+
+  /log-update@6.0.0:
+    resolution: {integrity: sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw==}
+    engines: {node: '>=18'}
+    dependencies:
+      ansi-escapes: 6.2.0
+      cli-cursor: 4.0.0
+      slice-ansi: 7.1.0
+      strip-ansi: 7.1.0
+      wrap-ansi: 9.0.0
+    dev: true
+
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
+
+  /micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+    dev: true
+
+  /npm-run-path@5.2.0:
+    resolution: {integrity: sha512-W4/tgAXFqFA0iL7fk0+uQ3g7wkL8xJmx3XdK0VGb4cHW//eZTtKGvFBBoRKVTpY7n6ze4NL9ly7rgXcHufqXKg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      path-key: 4.0.0
+    dev: true
+
+  /onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+    dependencies:
+      mimic-fn: 2.1.0
+    dev: true
+
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      mimic-fn: 4.0.0
+    dev: true
+
+  /path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: true
+
+  /restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+    dev: true
+
+  /rfdc@1.3.1:
+    resolution: {integrity: sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==}
+    dev: true
+
+  /shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+    dependencies:
+      shebang-regex: 3.0.0
+    dev: true
+
+  /shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: true
+
+  /signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
+    dev: true
+
+  /slice-ansi@7.1.0:
+    resolution: {integrity: sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==}
+    engines: {node: '>=18'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 5.0.0
+    dev: true
+
+  /string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+    dev: true
+
+  /string-width@7.1.0:
+    resolution: {integrity: sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==}
+    engines: {node: '>=18'}
+    dependencies:
+      emoji-regex: 10.3.0
+      get-east-asian-width: 1.2.0
+      strip-ansi: 7.1.0
+    dev: true
+
+  /strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: 6.0.1
+    dev: true
+
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /type-fest@3.13.1:
+    resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
+    engines: {node: '>=14.16'}
+    dev: true
+
+  /which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /wrap-ansi@9.0.0:
+    resolution: {integrity: sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==}
+    engines: {node: '>=18'}
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 7.1.0
+      strip-ansi: 7.1.0
+    dev: true
+
+  /yaml@2.3.4:
+    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
+    engines: {node: '>= 14'}
+    dev: true
 
   registry.npmmirror.com/@aashutoshrathi/word-wrap@1.2.6:
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz}
@@ -117,8 +722,8 @@ packages:
       make-dir: registry.npmmirror.com/make-dir@2.1.0
       slash: registry.npmmirror.com/slash@2.0.0
     optionalDependencies:
-      '@nicolo-ribaudo/chokidar-2': registry.npmmirror.com/@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents.3
-      chokidar: registry.npmmirror.com/chokidar@3.5.3
+      '@nicolo-ribaudo/chokidar-2': 2.1.8-no-fsevents.3
+      chokidar: 3.5.3
     dev: true
 
   registry.npmmirror.com/@babel/code-frame@7.23.5:
@@ -1596,248 +2201,6 @@ packages:
       to-fast-properties: registry.npmmirror.com/to-fast-properties@2.0.0
     dev: true
 
-  registry.npmmirror.com/@esbuild/android-arm64@0.18.20:
-    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz}
-    name: '@esbuild/android-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/android-arm@0.18.20:
-    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz}
-    name: '@esbuild/android-arm'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/android-x64@0.18.20:
-    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz}
-    name: '@esbuild/android-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/darwin-arm64@0.18.20:
-    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz}
-    name: '@esbuild/darwin-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/darwin-x64@0.18.20:
-    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz}
-    name: '@esbuild/darwin-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/freebsd-arm64@0.18.20:
-    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz}
-    name: '@esbuild/freebsd-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/freebsd-x64@0.18.20:
-    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz}
-    name: '@esbuild/freebsd-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-arm64@0.18.20:
-    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz}
-    name: '@esbuild/linux-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-arm@0.18.20:
-    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz}
-    name: '@esbuild/linux-arm'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-ia32@0.18.20:
-    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz}
-    name: '@esbuild/linux-ia32'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-loong64@0.18.20:
-    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz}
-    name: '@esbuild/linux-loong64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-mips64el@0.18.20:
-    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz}
-    name: '@esbuild/linux-mips64el'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-ppc64@0.18.20:
-    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz}
-    name: '@esbuild/linux-ppc64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-riscv64@0.18.20:
-    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz}
-    name: '@esbuild/linux-riscv64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-s390x@0.18.20:
-    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz}
-    name: '@esbuild/linux-s390x'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/linux-x64@0.18.20:
-    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz}
-    name: '@esbuild/linux-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/netbsd-x64@0.18.20:
-    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz}
-    name: '@esbuild/netbsd-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/openbsd-x64@0.18.20:
-    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz}
-    name: '@esbuild/openbsd-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/sunos-x64@0.18.20:
-    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz}
-    name: '@esbuild/sunos-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/win32-arm64@0.18.20:
-    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz}
-    name: '@esbuild/win32-arm64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/win32-ia32@0.18.20:
-    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz}
-    name: '@esbuild/win32-ia32'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  registry.npmmirror.com/@esbuild/win32-x64@0.18.20:
-    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz}
-    name: '@esbuild/win32-x64'
-    version: 0.18.20
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmmirror.com/@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz}
     id: registry.npmmirror.com/@eslint-community/eslint-utils/4.4.0
@@ -1950,14 +2313,6 @@ packages:
       '@jridgewell/sourcemap-codec': registry.npmmirror.com/@jridgewell/sourcemap-codec@1.4.15
     dev: true
 
-  registry.npmmirror.com/@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents.3:
-    resolution: {integrity: sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz}
-    name: '@nicolo-ribaudo/chokidar-2'
-    version: 2.1.8-no-fsevents.3
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmmirror.com/@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz}
     name: '@nodelib/fs.scandir'
@@ -2763,25 +3118,6 @@ packages:
     version: 0.7.0
     dev: true
 
-  registry.npmmirror.com/chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz}
-    name: chokidar
-    version: 3.5.3
-    engines: {node: '>= 8.10.0'}
-    requiresBuild: true
-    dependencies:
-      anymatch: registry.npmmirror.com/anymatch@3.1.3
-      braces: registry.npmmirror.com/braces@3.0.2
-      glob-parent: registry.npmmirror.com/glob-parent@5.1.2
-      is-binary-path: registry.npmmirror.com/is-binary-path@2.1.0
-      is-glob: registry.npmmirror.com/is-glob@4.0.3
-      normalize-path: registry.npmmirror.com/normalize-path@3.0.0
-      readdirp: registry.npmmirror.com/readdirp@3.6.0
-    optionalDependencies:
-      fsevents: registry.npmmirror.com/fsevents@2.3.3
-    dev: true
-    optional: true
-
   registry.npmmirror.com/cipher-base@1.0.4:
     resolution: {integrity: sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/cipher-base/-/cipher-base-1.0.4.tgz}
     name: cipher-base
@@ -3251,28 +3587,28 @@ packages:
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': registry.npmmirror.com/@esbuild/android-arm@0.18.20
-      '@esbuild/android-arm64': registry.npmmirror.com/@esbuild/android-arm64@0.18.20
-      '@esbuild/android-x64': registry.npmmirror.com/@esbuild/android-x64@0.18.20
-      '@esbuild/darwin-arm64': registry.npmmirror.com/@esbuild/darwin-arm64@0.18.20
-      '@esbuild/darwin-x64': registry.npmmirror.com/@esbuild/darwin-x64@0.18.20
-      '@esbuild/freebsd-arm64': registry.npmmirror.com/@esbuild/freebsd-arm64@0.18.20
-      '@esbuild/freebsd-x64': registry.npmmirror.com/@esbuild/freebsd-x64@0.18.20
-      '@esbuild/linux-arm': registry.npmmirror.com/@esbuild/linux-arm@0.18.20
-      '@esbuild/linux-arm64': registry.npmmirror.com/@esbuild/linux-arm64@0.18.20
-      '@esbuild/linux-ia32': registry.npmmirror.com/@esbuild/linux-ia32@0.18.20
-      '@esbuild/linux-loong64': registry.npmmirror.com/@esbuild/linux-loong64@0.18.20
-      '@esbuild/linux-mips64el': registry.npmmirror.com/@esbuild/linux-mips64el@0.18.20
-      '@esbuild/linux-ppc64': registry.npmmirror.com/@esbuild/linux-ppc64@0.18.20
-      '@esbuild/linux-riscv64': registry.npmmirror.com/@esbuild/linux-riscv64@0.18.20
-      '@esbuild/linux-s390x': registry.npmmirror.com/@esbuild/linux-s390x@0.18.20
-      '@esbuild/linux-x64': registry.npmmirror.com/@esbuild/linux-x64@0.18.20
-      '@esbuild/netbsd-x64': registry.npmmirror.com/@esbuild/netbsd-x64@0.18.20
-      '@esbuild/openbsd-x64': registry.npmmirror.com/@esbuild/openbsd-x64@0.18.20
-      '@esbuild/sunos-x64': registry.npmmirror.com/@esbuild/sunos-x64@0.18.20
-      '@esbuild/win32-arm64': registry.npmmirror.com/@esbuild/win32-arm64@0.18.20
-      '@esbuild/win32-ia32': registry.npmmirror.com/@esbuild/win32-ia32@0.18.20
-      '@esbuild/win32-x64': registry.npmmirror.com/@esbuild/win32-x64@0.18.20
+      '@esbuild/android-arm': 0.18.20
+      '@esbuild/android-arm64': 0.18.20
+      '@esbuild/android-x64': 0.18.20
+      '@esbuild/darwin-arm64': 0.18.20
+      '@esbuild/darwin-x64': 0.18.20
+      '@esbuild/freebsd-arm64': 0.18.20
+      '@esbuild/freebsd-x64': 0.18.20
+      '@esbuild/linux-arm': 0.18.20
+      '@esbuild/linux-arm64': 0.18.20
+      '@esbuild/linux-ia32': 0.18.20
+      '@esbuild/linux-loong64': 0.18.20
+      '@esbuild/linux-mips64el': 0.18.20
+      '@esbuild/linux-ppc64': 0.18.20
+      '@esbuild/linux-riscv64': 0.18.20
+      '@esbuild/linux-s390x': 0.18.20
+      '@esbuild/linux-x64': 0.18.20
+      '@esbuild/netbsd-x64': 0.18.20
+      '@esbuild/openbsd-x64': 0.18.20
+      '@esbuild/sunos-x64': 0.18.20
+      '@esbuild/win32-arm64': 0.18.20
+      '@esbuild/win32-ia32': 0.18.20
+      '@esbuild/win32-x64': 0.18.20
     dev: true
 
   registry.npmmirror.com/escalade@3.1.1:
@@ -3620,16 +3956,6 @@ packages:
     version: 1.0.0
     dev: true
 
-  registry.npmmirror.com/fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz}
-    name: fsevents
-    version: 2.3.3
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   registry.npmmirror.com/function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==, registry: http://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz}
     name: function-bind
@@ -4949,7 +5275,7 @@ packages:
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: registry.npmmirror.com/fsevents@2.3.3
+      fsevents: 2.3.3
     dev: true
 
   registry.npmmirror.com/run-async@2.4.1:
@@ -5570,7 +5896,7 @@ packages:
       postcss: registry.npmmirror.com/postcss@8.4.33
       rollup: registry.npmmirror.com/rollup@3.29.4
     optionalDependencies:
-      fsevents: registry.npmmirror.com/fsevents@2.3.3
+      fsevents: 2.3.3
     dev: true
 
   registry.npmmirror.com/vm-browserify@1.1.2:
diff --git a/templates/archives.html b/templates/archives.html
index 0e7d9a7..cf6a505 100644
--- a/templates/archives.html
+++ b/templates/archives.html
@@ -1,38 +1,35 @@
 <!DOCTYPE html>
 <html xmlns:th="https://www.thymeleaf.org" th:replace="~{modules/layout :: html(content = ~{::content})}">
-<th:block th:fragment="content">
-  <div class="page archive">
-    <h2 class="single-title animate__animated animate__pulse animate__faster">
-      所有文章
-    </h2>
-    <th:block th:each="archive : ${archives.items}">
-      <h3 th:text="${archive.year} + ' 年'" class=group-title></h3>
-      <th:block th:each="month : ${archive.months}">
-        <article class=archive-item th:each="post : ${month.posts}">
-          <a th:href="@{${post.status.permalink}}" class=archive-item-link>
-            <span th:text="${post.spec.title}"></span>
-          </a>
-          <span class=archive-item-date th:text="${#dates.format(post.spec.publishTime,'MM-dd')}"></span>
-        </article>
+  <th:block th:fragment="content">
+    <div class="page archive">
+      <h2 class="single-title animate__animated animate__pulse animate__faster">所有文章</h2>
+      <th:block th:each="archive : ${archives.items}">
+        <h3 th:text="${archive.year} + ' 年'" class="group-title"></h3>
+        <th:block th:each="month : ${archive.months}">
+          <article class="archive-item" th:each="post : ${month.posts}">
+            <a th:href="@{${post.status.permalink}}" class="archive-item-link">
+              <span th:text="${post.spec.title}"></span>
+            </a>
+            <span class="archive-item-date" th:text="${#dates.format(post.spec.publishTime,'MM-dd')}"></span>
+          </article>
+        </th:block>
       </th:block>
-    </th:block>
 
-    <div th:if="${archives.hasPrevious() || archives.hasNext()}" class="pagination">
-      <a th:href="@{${archives.prevUrl}}">
-        <span>上一页</span>
-      </a>
-      <span th:text="${archives.page} +' / '+ ${archives.total}"></span>
-      <a th:href="@{${archives.nextUrl}}">
-        <span>下一页</span>
-      </a>
+      <div th:if="${archives.hasPrevious() || archives.hasNext()}" class="pagination">
+        <a th:href="@{${archives.prevUrl}}">
+          <span>上一页</span>
+        </a>
+        <span th:text="${archives.page} +' / '+ ${archives.total}"></span>
+        <a th:href="@{${archives.nextUrl}}">
+          <span>下一页</span>
+        </a>
+      </div>
     </div>
-    
-  </div>
-</th:block>
+  </th:block>
 </html>
 
-<script type=text/javascript>
+<script type="text/javascript">
   window.config = {
     data: {},
-  }
-</script>
\ No newline at end of file
+  };
+</script>
diff --git a/templates/categories.html b/templates/categories.html
index 7e37319..207b401 100644
--- a/templates/categories.html
+++ b/templates/categories.html
@@ -1,43 +1,39 @@
 <!DOCTYPE html>
 <html xmlns:th="https://www.thymeleaf.org" th:replace="~{modules/layout :: html(content = ~{::content})}">
-<th:block th:fragment="content">
-  <div class="page archive">
-    <h2 class="single-title animate__animated animate__pulse animate__faster">
-      所有分类
-    </h2>
-    <div class=categories-card>
-      <th:block
-        th:each="category : ${categories}"
-        th:with="posts=${postFinder.listByCategory(1,10,category.metadata.name)}">
-        <div class=card-item>
-          <div class=card-item-wrapper>
-            <h3 class=card-item-title>
-              <a th:href="@{${category.status.permalink}}">
-                <i class="far fa-folder fa-fw" aria-hidden=true></i>
-                &nbsp;<th:block th:text="${category.spec.displayName}"></th:block>
-              </a>
-            </h3>
-            <div th:if="${posts.total gt 0}">
-              <article class=archive-item th:each="post : ${posts.items}">
-                <a th:href="${post.status.permalink}" th:text="${post.spec.title}">
+  <th:block th:fragment="content">
+    <div class="page archive">
+      <h2 class="single-title animate__animated animate__pulse animate__faster">所有分类</h2>
+      <div class="categories-card">
+        <th:block
+          th:each="category : ${categories}"
+          th:with="posts=${postFinder.listByCategory(1,10,category.metadata.name)}"
+        >
+          <div class="card-item">
+            <div class="card-item-wrapper">
+              <h3 class="card-item-title">
+                <a th:href="@{${category.status.permalink}}">
+                  <i class="far fa-folder fa-fw" aria-hidden="true"></i>
+                  &nbsp;<th:block th:text="${category.spec.displayName}"></th:block>
                 </a>
-              </article>
+              </h3>
+              <div th:if="${posts.total gt 0}">
+                <article class="archive-item" th:each="post : ${posts.items}">
+                  <a th:href="${post.status.permalink}" th:text="${post.spec.title}"> </a>
+                </article>
+              </div>
+              <span class="more-post" th:if="${posts.total gt 5}">
+                <a th:href="@{${category.status.permalink}}" class="more-single-link"> 更多 >> </a>
+              </span>
             </div>
-            <span class=more-post th:if="${posts.total gt 5}">
-              <a th:href="@{${category.status.permalink}}" class=more-single-link>
-                更多 >>
-              </a>
-            </span>
           </div>
-        </div>
-      </th:block>
+        </th:block>
+      </div>
     </div>
-  </div>
-</th:block>
+  </th:block>
 </html>
 
-<script type=text/javascript>
+<script type="text/javascript">
   window.config = {
     data: {},
-  }
+  };
 </script>
diff --git a/templates/category.html b/templates/category.html
index c26ad20..5dab647 100644
--- a/templates/category.html
+++ b/templates/category.html
@@ -1,35 +1,33 @@
 <!DOCTYPE html>
 <html xmlns:th="https://www.thymeleaf.org" th:replace="~{modules/layout :: html(content = ~{::content})}">
-<th:block th:fragment="content">
-
-  <div class="page archive">
-    <h2 class="single-title animate__animated animate__pulse animate__faster">
-      <i class="far fa-folder-open fa-fw" aria-hidden=true>
-      </i>
-      &nbsp;<th:block th:text="${category.spec.displayName}"></th:block>
-    </h2>
-    <h3 th:text="${#dates.format(category.metadata.creationTimestamp,'yyyy')} + ' 年'" class=group-title></h3>
-    <article class=archive-item th:each="post : ${posts.items}">
-      <a th:href="@{${post.status.permalink}}" class=archive-item-link>
-        <span th:text="${post.spec.title}"></span>
-      </a>
-      <span class=archive-item-date th:text="${#dates.format(post.spec.publishTime,'MM-dd')}"></span>
-    </article>
-    <div th:if="${posts.hasPrevious() || posts.hasNext()}" class="pagination">
-      <a th:href="@{${posts.prevUrl}}">
-        <span>上一页</span>
-      </a>
-      <span th:text="${posts.page} +' / '+ ${posts.total}"></span>
-      <a th:href="@{${posts.nextUrl}}">
-        <span>下一页</span>
-      </a>
+  <th:block th:fragment="content">
+    <div class="page archive">
+      <h2 class="single-title animate__animated animate__pulse animate__faster">
+        <i class="far fa-folder-open fa-fw" aria-hidden="true"> </i>
+        &nbsp;<th:block th:text="${category.spec.displayName}"></th:block>
+      </h2>
+      <h3 th:text="${#dates.format(category.metadata.creationTimestamp,'yyyy')} + ' 年'" class="group-title"></h3>
+      <article class="archive-item" th:each="post : ${posts.items}">
+        <a th:href="@{${post.status.permalink}}" class="archive-item-link">
+          <span th:text="${post.spec.title}"></span>
+        </a>
+        <span class="archive-item-date" th:text="${#dates.format(post.spec.publishTime,'MM-dd')}"></span>
+      </article>
+      <div th:if="${posts.hasPrevious() || posts.hasNext()}" class="pagination">
+        <a th:href="@{${posts.prevUrl}}">
+          <span>上一页</span>
+        </a>
+        <span th:text="${posts.page} +' / '+ ${posts.total}"></span>
+        <a th:href="@{${posts.nextUrl}}">
+          <span>下一页</span>
+        </a>
+      </div>
     </div>
-  </div>
-</th:block>
+  </th:block>
 </html>
 
-<script type=text/javascript>
+<script type="text/javascript">
   window.config = {
     data: {},
-  }
-</script>
\ No newline at end of file
+  };
+</script>
diff --git a/templates/index.html b/templates/index.html
index da8330b..da5e539 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,117 +1,116 @@
 <!DOCTYPE html>
 <html xmlns:th="https://www.thymeleaf.org" th:replace="~{modules/layout :: html(content = ~{::content})}">
-<th:block th:fragment="content">
-
-  <div class="page home" data-home=posts>
-    <div class=home-profile>
-      <div class=home-avatar>
-        <a href=/archives title=所有文章>
-          <img class=lazyload th:src="${theme.config.home.avatar_img}"
-               data-sizes=auto th:alt="${theme.config.home.avatar_img}" th:title="${theme.config.home.avatar_img}"
-               width=528
-               height=560>
-        </a>
-      </div>
-      <div class=home-subtitle>
-        <div id=id-1 class=typeit>
+  <th:block th:fragment="content">
+    <div class="page home" data-home="posts">
+      <div class="home-profile">
+        <div class="home-avatar">
+          <a href="/archives" title="所有文章">
+            <img
+              class="lazyload"
+              th:src="${theme.config.home.avatar_img}"
+              data-sizes="auto"
+              th:alt="${theme.config.home.avatar_img}"
+              th:title="${theme.config.home.avatar_img}"
+              width="528"
+              height="560"
+            />
+          </a>
+        </div>
+        <div class="home-subtitle">
+          <div id="id-1" class="typeit"></div>
+        </div>
+        <div class="links">
+          <a
+            th:each="social : ${theme.config.home.social}"
+            th:href="${social.url}"
+            th:title="${social.title}"
+            target="_blank"
+            rel="noopener noreffer me"
+          >
+            <i th:if="${social.icon} != ''" th:class="${social.icon}" aria-hidden="true"></i>
+            <img th:if="${social.icon} == ''" th:src="${social.svg}" />
+          </a>
         </div>
       </div>
-      <div class=links>
-        <a th:each="social : ${theme.config.home.social}"
-           th:href="${social.url}"
-           th:title="${social.title}" target=_blank rel="noopener noreffer me">
-          <i th:if="${social.icon} != ''" th:class="${social.icon}" aria-hidden=true></i>
-          <img th:if="${social.icon} == ''" th:src="${social.svg}"/>
-        </a>
-      </div>
-    </div>
 
-    <article class="single summary" itemscope itemtype=http://schema.org/Article th:each="post : ${posts.items}">
-      <div class=featured-image-preview>
-        <a th:href="${post.status.permalink}">
-          <img class=lazyload th:src="@{/assets/img/loading.svg}"
-               th:data-src="${post.spec.cover}"
-               data-sizes=auto th:alt="${post.spec.cover}"
-               th:text="${post.spec.title}">
-        </a>
-      </div>
-      <h1 class=single-title itemprop="name headline">
-        <a th:href="${post.status.permalink}" th:text="${post.spec.title}"></a>
-      </h1>
-      <div class=post-meta>
-          <span class=post-author>
-            <a href="/" title=Author target=_blank rel="noopener noreffer author"
-               class=author>
-              <i class="fas fa-user-circle fa-fw" aria-hidden=true>
-              </i>
+      <article class="single summary" itemscope itemtype="http://schema.org/Article" th:each="post : ${posts.items}">
+        <div class="featured-image-preview">
+          <a th:href="${post.status.permalink}">
+            <img
+              class="lazyload"
+              th:src="@{/assets/img/loading.svg}"
+              th:data-src="${post.spec.cover}"
+              data-sizes="auto"
+              th:alt="${post.spec.cover}"
+              th:text="${post.spec.title}"
+            />
+          </a>
+        </div>
+        <h1 class="single-title" itemprop="name headline">
+          <a th:href="${post.status.permalink}" th:text="${post.spec.title}"></a>
+        </h1>
+        <div class="post-meta">
+          <span class="post-author">
+            <a href="/" title="Author" target="_blank" rel="noopener noreffer author" class="author">
+              <i class="fas fa-user-circle fa-fw" aria-hidden="true"> </i>
               <span th:text="${post.spec.owner}"></span>
             </a>
           </span>
-        &nbsp;
-        <span class=post-publish>
+          &nbsp;
+          <span class="post-publish">
             发布于
-            <time th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}">
-            </time>
+            <time th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}"> </time>
           </span>
-        &nbsp;
-        <span class=post-category>
+          &nbsp;
+          <span class="post-category">
             <th:block th:if="${not #lists.isEmpty(post.categories)}">
               收录于
               <a th:href="@{${category.status.permalink}}" th:each="category : ${post.categories}">
-                <i class="far fa-folder fa-fw" aria-hidden=true>
-                </i>
+                <i class="far fa-folder fa-fw" aria-hidden="true"> </i>
                 <th:block th:text="${category.spec.displayName}"></th:block>
               </a>
             </th:block>
           </span>
-      </div>
-      <div class=content>
-        <p>
-          <strong th:text="${post.status.excerpt}"></strong>
-        </p>
-      </div>
-      <div class=post-footer>
-        <a th:href="${post.status.permalink}">
-          阅读全文
-        </a>
-        <div class=post-tags>
-          <th:block th:if="${not #lists.isEmpty(post.tags)}">
-            <i class="fas fa-tags fa-fw" aria-hidden=true>
-            </i>
-            &nbsp;
-            <a th:href="@{${tag.status.permalink}}" th:each="tag : ${post.tags}">
-              <th:block th:text="${tag.spec.displayName}"></th:block>
-            </a>
-          </th:block>
         </div>
-      </div>
-    </article>
-  </div>
-</th:block>
+        <div class="content">
+          <p>
+            <strong th:text="${post.status.excerpt}"></strong>
+          </p>
+        </div>
+        <div class="post-footer">
+          <a th:href="${post.status.permalink}"> 阅读全文 </a>
+          <div class="post-tags">
+            <th:block th:if="${not #lists.isEmpty(post.tags)}">
+              <i class="fas fa-tags fa-fw" aria-hidden="true"> </i>
+              &nbsp;
+              <a th:href="@{${tag.status.permalink}}" th:each="tag : ${post.tags}">
+                <th:block th:text="${tag.spec.displayName}"></th:block>
+              </a>
+            </th:block>
+          </div>
+        </div>
+      </article>
+    </div>
+  </th:block>
 </html>
 <script type="text/javascript">
-  var desc = '[[${theme.config.home.web_desc}]]';
+  var desc = "[[${theme.config.home.web_desc}]]";
   window.config = {
     code: {
       copyTitle: "复制到剪贴板",
-      maxShownLines: 50
+      maxShownLines: 50,
     },
     data: {
-      "id-1": desc
+      "id-1": desc,
     },
     typeit: {
       cursorChar: "|",
       cursorSpeed: 1e3,
       data: {
-        "id-1": ["id-1"]
+        "id-1": ["id-1"],
       },
       duration: -1,
-      speed: 100
-    }
-  }
+      speed: 100,
+    },
+  };
 </script>
-
-
-
-
-
diff --git a/templates/modules/head/header.html b/templates/modules/head/header.html
index 5a8d34d..be4dd61 100644
--- a/templates/modules/head/header.html
+++ b/templates/modules/head/header.html
@@ -1,39 +1,42 @@
-<header class=desktop id=header-desktop>
-  <div class=header-wrapper>
-    <div class=header-title>
-      <a href=/ title=LoveIt>
-        <span class=header-title-pre>
-          <img th:src="${theme.config.home.top_logo}" style="height: 24px; width: 24px;" aria-hidden=true/>
+<header class="desktop" id="header-desktop">
+  <div class="header-wrapper">
+    <div class="header-title">
+      <a href="/" title="LoveIt">
+        <span class="header-title-pre">
+          <img th:src="${theme.config.home.top_logo}" style="height: 24px; width: 24px" aria-hidden="true" />
         </span>
         <th:block th:text="${theme.config.home.top_logo_desc}"></th:block>
       </a>
     </div>
-    <div class=menu>
-      <div class=menu-inner th:with="menu = ${menuFinder.getPrimary()}">
+    <div class="menu">
+      <div class="menu-inner" th:with="menu = ${menuFinder.getPrimary()}">
         <th:block
-          th:with="path=${#ctx.getExchange().getRequest().getRequestPath()}, queryString=${#objects.nullSafe(#ctx.getExchange().getRequest().getQueryString(),'')}">
+          th:with="path=${#ctx.getExchange().getRequest().getRequestPath()}, queryString=${#objects.nullSafe(#ctx.getExchange().getRequest().getQueryString(),'')}"
+        >
           <th:block th:with="menuItems = ${menu.menuItems}">
             <a
               th:class="${menuItem.status.href == (path + (#strings.isEmpty(queryString) ? '' : '?' + queryString))} ? 'menu-item active' : 'menu-item'"
-              th:each="menuItem : ${menuItems}" th:href="@{${menuItem.status.href}}">
-              <span>
-                [[${menuItem.status.displayName}]]
-              </span>
+              th:each="menuItem : ${menuItems}"
+              th:href="@{${menuItem.status.href}}"
+            >
+              <span> [[${menuItem.status.displayName}]] </span>
             </a>
           </th:block>
         </th:block>
         <span class="menu-item delimiter"></span>
-        <span class="menu-item search" id=search-desktop th:if="${pluginFinder.available('PluginSearchWidget')}">
-          <input type=text placeholder=搜索文章标题或内容... id=search-input-desktop>
-          <a href="javascript:SearchWidget.open()" class="search-button search-toggle" id=search-toggle-desktop
-             title=搜索>
-            <i class="fas fa-search fa-fw" aria-hidden=true>
-            </i>
+        <span class="menu-item search" id="search-desktop" th:if="${pluginFinder.available('PluginSearchWidget')}">
+          <input type="text" placeholder="搜索文章标题或内容..." id="search-input-desktop" />
+          <a
+            href="javascript:SearchWidget.open()"
+            class="search-button search-toggle"
+            id="search-toggle-desktop"
+            title="搜索"
+          >
+            <i class="fas fa-search fa-fw" aria-hidden="true"> </i>
           </a>
         </span>
-        <a href=javascript:void(0); class="menu-item theme-switch" title=切换主题>
-          <i class="fas fa-adjust fa-fw" aria-hidden=true>
-          </i>
+        <a href="javascript:void(0);" class="menu-item theme-switch" title="切换主题">
+          <i class="fas fa-adjust fa-fw" aria-hidden="true"> </i>
         </a>
       </div>
     </div>
@@ -41,71 +44,62 @@
 </header>
 
 <!-- 手机端 header -->
-<header class=mobile id=header-mobile>
-  <div class=header-container>
-    <div class=header-wrapper>
-      <div class=header-title>
-        <a href=/ title=LoveIt>
-        <span class=header-title-pre>
-          <img th:src="${theme.config.home.top_logo}" style="height: 24px; width: 24px;" aria-hidden=true/>
-        </span>
+<header class="mobile" id="header-mobile">
+  <div class="header-container">
+    <div class="header-wrapper">
+      <div class="header-title">
+        <a href="/" title="LoveIt">
+          <span class="header-title-pre">
+            <img th:src="${theme.config.home.top_logo}" style="height: 24px; width: 24px" aria-hidden="true" />
+          </span>
           <th:block th:text="${theme.config.home.top_logo_desc}"></th:block>
         </a>
       </div>
-      <div class=menu-toggle id=menu-toggle-mobile>
+      <div class="menu-toggle" id="menu-toggle-mobile">
         <span></span>
         <span></span>
         <span></span>
       </div>
     </div>
-    <div class=menu id=menu-mobile th:with="menu = ${menuFinder.getPrimary()}">
-      <div class=search-wrapper>
-        <div class="search mobile" id=search-mobile>
-          <input type=text placeholder=搜索文章标题或内容... id=search-input-mobile>
-          <a href=javascript:void(0); class="search-button search-toggle" id=search-toggle-mobile
-             title=搜索>
-            <i class="fas fa-search fa-fw" aria-hidden=true>
-            </i>
+    <div class="menu" id="menu-mobile" th:with="menu = ${menuFinder.getPrimary()}">
+      <div class="search-wrapper">
+        <div class="search mobile" id="search-mobile">
+          <input type="text" placeholder="搜索文章标题或内容..." id="search-input-mobile" />
+          <a href="javascript:void(0);" class="search-button search-toggle" id="search-toggle-mobile" title="搜索">
+            <i class="fas fa-search fa-fw" aria-hidden="true"> </i>
           </a>
-          <a href=javascript:void(0); class="search-button search-clear" id=search-clear-mobile
-             title=清空>
-            <i class="fas fa-times-circle fa-fw" aria-hidden=true>
-            </i>
+          <a href="javascript:void(0);" class="search-button search-clear" id="search-clear-mobile" title="清空">
+            <i class="fas fa-times-circle fa-fw" aria-hidden="true"> </i>
           </a>
-          <span class="search-button search-loading" id=search-loading-mobile>
-            <i class="fas fa-spinner fa-fw fa-spin" aria-hidden=true>
-            </i>
+          <span class="search-button search-loading" id="search-loading-mobile">
+            <i class="fas fa-spinner fa-fw fa-spin" aria-hidden="true"> </i>
           </span>
         </div>
-        <a href=javascript:void(0); class=search-cancel id=search-cancel-mobile>
-          取消
-        </a>
+        <a href="javascript:void(0);" class="search-cancel" id="search-cancel-mobile"> 取消 </a>
       </div>
       <th:block
-        th:with="path=${#ctx.getExchange().getRequest().getRequestPath()}, queryString=${#objects.nullSafe(#ctx.getExchange().getRequest().getQueryString(),'')}">
+        th:with="path=${#ctx.getExchange().getRequest().getRequestPath()}, queryString=${#objects.nullSafe(#ctx.getExchange().getRequest().getQueryString(),'')}"
+      >
         <th:block th:with="menuItems = ${menu.menuItems}">
           <a
             th:class="${menuItem.status.href == (path + (#strings.isEmpty(queryString) ? '' : '?' + queryString))} ? 'menu-item active' : 'menu-item'"
-            th:each="menuItem : ${menuItems}" th:href="@{${menuItem.status.href}}">
-              <span>
-                [[${menuItem.status.displayName}]]
-              </span>
+            th:each="menuItem : ${menuItems}"
+            th:href="@{${menuItem.status.href}}"
+          >
+            <span> [[${menuItem.status.displayName}]] </span>
           </a>
         </th:block>
       </th:block>
-      <a href=javascript:void(0); class="menu-item theme-switch" title=切换主题>
-        <i class="fas fa-adjust fa-fw" aria-hidden=true>
-        </i>
+      <a href="javascript:void(0);" class="menu-item theme-switch" title="切换主题">
+        <i class="fas fa-adjust fa-fw" aria-hidden="true"> </i>
       </a>
     </div>
   </div>
 </header>
 
 <div class="search-dropdown desktop">
-  <div id=search-dropdown-desktop>
-  </div>
+  <div id="search-dropdown-desktop"></div>
 </div>
 <div class="search-dropdown mobile">
-  <div id=search-dropdown-mobile>
-  </div>
-</div>
\ No newline at end of file
+  <div id="search-dropdown-mobile"></div>
+</div>
diff --git a/templates/modules/head/link.html b/templates/modules/head/link.html
index 4abec8a..1c5c1ed 100644
--- a/templates/modules/head/link.html
+++ b/templates/modules/head/link.html
@@ -1,18 +1,21 @@
-<link rel=mask-icon th:href="@{/assets/img/safari-pinned-tab.svg}" color=#5bbad5>
-<link rel=manifest th:href="@{/assets/img/site.webmanifest}">
-<link rel=stylesheet th:href="@{/assets/css/style.min.css}">
+<link rel="mask-icon" th:href="@{/assets/img/safari-pinned-tab.svg}" color="#5bbad5" />
+<link rel="manifest" th:href="@{/assets/img/site.webmanifest}" />
+<link rel="stylesheet" th:href="@{/assets/css/style.min.css}" />
 
-<link rel=preload th:href="@{/assets/css/all.min.css}" as=style
-      onload='this.onload=null; this.rel="stylesheet"'>
+<link rel="preload" th:href="@{/assets/css/all.min.css}" as="style" onload='this.onload=null; this.rel="stylesheet"' />
 <noscript>
-  <link rel=stylesheet th:href="@{/assets/css/all.min.css}">
+  <link rel="stylesheet" th:href="@{/assets/css/all.min.css}" />
 </noscript>
-<link rel=preload th:href="@{/assets/css/animate.min.css}" as=style
-      onload='this.onload=null; this.rel="stylesheet"'>
+<link
+  rel="preload"
+  th:href="@{/assets/css/animate.min.css}"
+  as="style"
+  onload='this.onload=null; this.rel="stylesheet"'
+/>
 <noscript>
-  <link rel=stylesheet th:href="@{/assets/css/animate.min.css}">
+  <link rel="stylesheet" th:href="@{/assets/css/animate.min.css}" />
 </noscript>
 
-<link rel=stylesheet th:href="@{/assets/css/cookieconsent.min.css}">
-<link rel=stylesheet th:href="@{/assets/css/animate.min.css}">
-<link rel="stylesheet" th:href="@{/assets/font-awesome-4.7.0/css/font-awesome.min.css}">
\ No newline at end of file
+<link rel="stylesheet" th:href="@{/assets/css/cookieconsent.min.css}" />
+<link rel="stylesheet" th:href="@{/assets/css/animate.min.css}" />
+<link rel="stylesheet" th:href="@{/assets/font-awesome-4.7.0/css/font-awesome.min.css}" />
diff --git a/templates/modules/head/meta.html b/templates/modules/head/meta.html
index cef28db..869ea5d 100644
--- a/templates/modules/head/meta.html
+++ b/templates/modules/head/meta.html
@@ -1,5 +1,5 @@
-<meta name="Description" th:content="${site.seo.description}">
-<meta name="application-name" th:content="${site.title}">
-<meta name="apple-mobile-web-app-title" th:content="${site.title}">
-<meta name="theme-color" content="#ffffff">
-<meta name="msapplication-TileColor" content="#da532c">
\ No newline at end of file
+<meta name="Description" th:content="${site.seo.description}" />
+<meta name="application-name" th:content="${site.title}" />
+<meta name="apple-mobile-web-app-title" th:content="${site.title}" />
+<meta name="theme-color" content="#ffffff" />
+<meta name="msapplication-TileColor" content="#da532c" />
diff --git a/templates/modules/layout.html b/templates/modules/layout.html
index 963e66a..310e442 100644
--- a/templates/modules/layout.html
+++ b/templates/modules/layout.html
@@ -1,47 +1,49 @@
 <!DOCTYPE html>
 <html lang="en" th:fragment="html (content)" xmlns:th="https://www.thymeleaf.org">
   <head>
-    <meta charset="UTF-8"/>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title th:text="${site.title}"></title>
-    <th:block th:replace="~{modules/head/meta.html}"/>
-    <th:block th:replace="~{modules/head/link.html}"/>
+    <th:block th:replace="~{modules/head/meta.html}" />
+    <th:block th:replace="~{modules/head/link.html}" />
   </head>
-  <body data-header-desktop=fixed data-header-mobile=auto>
+  <body data-header-desktop="fixed" data-header-mobile="auto">
     <script type="text/javascript">
       const themeMode = "auto";
-      (window.localStorage && localStorage.getItem('theme') ? localStorage.getItem('theme') === 'dark' : (themeMode === 'auto' ? window.matchMedia('(prefers-color-scheme: dark)').matches : themeMode === 'dark')) && document.body.setAttribute('theme', 'dark');
+      (window.localStorage && localStorage.getItem("theme")
+        ? localStorage.getItem("theme") === "dark"
+        : themeMode === "auto"
+        ? window.matchMedia("(prefers-color-scheme: dark)").matches
+        : themeMode === "dark") && document.body.setAttribute("theme", "dark");
     </script>
     <div id="mask"></div>
-    <div class=wrapper>
-      <th:block th:replace="~{modules/head/header}"/>
+    <div class="wrapper">
+      <th:block th:replace="~{modules/head/header}" />
       <main class="main">
         <div class="container">
           <!-- 内容 -->
           <th:block th:replace="${content}"></th:block>
         </div>
       </main>
-      <th:block th:replace="~{modules/foot/footer}"/>
+      <th:block th:replace="~{modules/foot/footer}" />
     </div>
-    <div id=fixed-buttons>
-      <a href=# id=back-to-top class=fixed-button title=回到顶部>
-        <i class="fas fa-arrow-up fa-fw" aria-hidden=true>
-        </i>
+    <div id="fixed-buttons">
+      <a href="#" id="back-to-top" class="fixed-button" title="回到顶部">
+        <i class="fas fa-arrow-up fa-fw" aria-hidden="true"> </i>
       </a>
-      <a href=# id=view-comments class=fixed-button title=查看评论>
-        <i class="fas fa-comment fa-fw" aria-hidden=true>
-        </i>
+      <a href="#" id="view-comments" class="fixed-button" title="查看评论">
+        <i class="fas fa-comment fa-fw" aria-hidden="true"> </i>
       </a>
     </div>
     <script data-cfasync="false" th:src="@{/assets/js/email-decode.min.js}"></script>
-    <script type=text/javascript th:src="@{/assets/js/autocomplete.min.js}"></script>
-    <script type=text/javascript th:src="@{/assets/js/algoliasearch-lite.umd.min.js}"></script>
-    <script type=text/javascript th:src="@{/assets/js/lazysizes.min.js}"></script>
-    <script type=text/javascript th:src="@{/assets/js/clipboard.min.js}"></script>
-    <script type=text/javascript th:src="@{/assets/js/sharer.min.js}"></script>
-    <script type=text/javascript th:src="@{/assets/js/index.umd.js}"></script>
+    <script type="text/javascript" th:src="@{/assets/js/autocomplete.min.js}"></script>
+    <script type="text/javascript" th:src="@{/assets/js/algoliasearch-lite.umd.min.js}"></script>
+    <script type="text/javascript" th:src="@{/assets/js/lazysizes.min.js}"></script>
+    <script type="text/javascript" th:src="@{/assets/js/clipboard.min.js}"></script>
+    <script type="text/javascript" th:src="@{/assets/js/sharer.min.js}"></script>
+    <script type="text/javascript" th:src="@{/assets/js/index.umd.js}"></script>
     <script defer th:src="@{/assets/js/beacon.min.js}" crossorigin="anonymous"></script>
-    <script type=text/javascript th:src="@{/assets/js/theme.min.js}"></script>
+    <script type="text/javascript" th:src="@{/assets/js/theme.min.js}"></script>
   </body>
 </html>
diff --git a/templates/page.html b/templates/page.html
index 01d55da..b25908f 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,38 +1,44 @@
 <!DOCTYPE html>
-<html xmlns:th="https://www.thymeleaf.org" xmlns:halo="http://java.sun.com/xml/ns/javaee"
-      th:replace="~{modules/layout :: html(title = ${singlePage.spec.title} + ' - ' + ${site.title}, content = ~{::content})}"
+<html
+  xmlns:th="https://www.thymeleaf.org"
+  xmlns:halo="http://java.sun.com/xml/ns/javaee"
+  th:replace="~{modules/layout :: html(title = ${singlePage.spec.title} + ' - ' + ${site.title}, content = ~{::content})}"
 >
-<th:block th:fragment="content">
-
-  <div class="page single special">
-    <h1 class="single-title animate__animated animate__pulse animate__faster">
-      <th:block th:text="${singlePage.spec.title}"></th:block>
-    </h1>
-    <div class=content id=content>
-      <figure th:if="${not #strings.isEmpty(singlePage.spec.cover)}">
-        <img class=lazyload th:src="${singlePage.spec.cover}"
-             data-sizes=auto th:alt="${singlePage.spec.cover}" width=3200 height=2048>
-      </figure>
-      <article>
-        <div th:utext="${singlePage.content.content}"></div>
-      </article>
-    </div>
-    <!-- 后续做评论组件 -->
-    <div id=comments class=comment>
-      <halo:comment
-        group="content.halo.run"
-        kind="SinglePage"
-        th:attr="name=${singlePage.metadata.name}"
-        colorScheme="'light'"
-      />
+  <th:block th:fragment="content">
+    <div class="page single special">
+      <h1 class="single-title animate__animated animate__pulse animate__faster">
+        <th:block th:text="${singlePage.spec.title}"></th:block>
+      </h1>
+      <div class="content" id="content">
+        <figure th:if="${not #strings.isEmpty(singlePage.spec.cover)}">
+          <img
+            class="lazyload"
+            th:src="${singlePage.spec.cover}"
+            data-sizes="auto"
+            th:alt="${singlePage.spec.cover}"
+            width="3200"
+            height="2048"
+          />
+        </figure>
+        <article>
+          <div th:utext="${singlePage.content.content}"></div>
+        </article>
+      </div>
+      <!-- 后续做评论组件 -->
+      <div id="comments" class="comment">
+        <halo:comment
+          group="content.halo.run"
+          kind="SinglePage"
+          th:attr="name=${singlePage.metadata.name}"
+          colorScheme="'light'"
+        />
+      </div>
     </div>
-  </div>
-
-</th:block>
+  </th:block>
 </html>
 
-<script type=text/javascript>
+<script type="text/javascript">
   window.config = {
     data: {},
-  }
-</script>
\ No newline at end of file
+  };
+</script>
diff --git a/templates/post.html b/templates/post.html
index d881d7b..cb9df7c 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -1,137 +1,131 @@
 <!DOCTYPE html>
-<html xmlns:th="https://www.thymeleaf.org" xmlns:halo="http://java.sun.com/xml/ns/javaee"
-      th:replace="~{modules/layout :: html(content = ~{::content})}">
-<th:block th:fragment="content">
-  <article class="page single">
-    <h1 class="single-title animate__animated animate__flipInX" th:text="${post.spec.title}">
-    </h1>
-    <div class=post-meta>
-      <div class=post-meta-line>
-								<span class=post-author>
-									<a href=/ title=Author target=_blank rel="noopener noreffer author"
-                     class=author>
-										<i class="fas fa-user-circle fa-fw" aria-hidden=true>
-										</i>
-                    <th:block th:text="${post.spec.owner}"></th:block>
-									</a>
-								</span>
-        &nbsp;
-        <span class=post-category>
-          <th:block th:if="${not #lists.isEmpty(post.categories)}">
-            收录于
-            <a th:href="@{${category.status.permalink}}" th:each="category : ${post.categories}">
-              <i class="far fa-folder fa-fw" aria-hidden=true>
-              </i>
-              <th:block th:text="${category.spec.displayName}"></th:block>
+<html
+  xmlns:th="https://www.thymeleaf.org"
+  xmlns:halo="http://java.sun.com/xml/ns/javaee"
+  th:replace="~{modules/layout :: html(content = ~{::content})}"
+>
+  <th:block th:fragment="content">
+    <article class="page single">
+      <h1 class="single-title animate__animated animate__flipInX" th:text="${post.spec.title}"></h1>
+      <div class="post-meta">
+        <div class="post-meta-line">
+          <span class="post-author">
+            <a href="/" title="Author" target="_blank" rel="noopener noreffer author" class="author">
+              <i class="fas fa-user-circle fa-fw" aria-hidden="true"> </i>
+              <th:block th:text="${post.spec.owner}"></th:block>
             </a>
-          </th:block>
-        </span>
-      </div>
-      <div class=post-meta-line>
-        <i class="far fa-calendar-alt fa-fw" aria-hidden=true>
-        </i>
-        &nbsp;
-        <time th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}">
-        </time>
-        &nbsp;
-        <i class="fas fa-pencil-alt fa-fw" aria-hidden=true>
-        </i>
-        <th:block th:with="content = ${postFinder.content(post.metadata.name)}">
-          <th:block th:with="wordCount = ${#strings.length(content.content)}">
-            约 <span th:text="${wordCount}"></span> 字
-            <i class="far fa-clock fa-fw" aria-hidden=true>
-            </i>
-            <th:block th:if="${wordCount / 400 lt 1}">
-              &nbsp;预计阅读 1 分钟&nbsp;
-            </th:block>
-            <th:block th:if="${wordCount / 400 ge 1}">
-              &nbsp;预计阅读 [[${wordCount / 400}]] 分钟&nbsp;
+          </span>
+          &nbsp;
+          <span class="post-category">
+            <th:block th:if="${not #lists.isEmpty(post.categories)}">
+              收录于
+              <a th:href="@{${category.status.permalink}}" th:each="category : ${post.categories}">
+                <i class="far fa-folder fa-fw" aria-hidden="true"> </i>
+                <th:block th:text="${category.spec.displayName}"></th:block>
+              </a>
             </th:block>
-            <span class=leancloud_visitors>
-              <i class="far fa-eye fa-fw" aria-hidden=true>
-              </i>
-              &nbsp;
-              <span class=leancloud-visitors-count th:text="${post.stats.visit}">
+          </span>
+        </div>
+        <div class="post-meta-line">
+          <i class="far fa-calendar-alt fa-fw" aria-hidden="true"> </i>
+          &nbsp;
+          <time th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}"> </time>
+          &nbsp;
+          <i class="fas fa-pencil-alt fa-fw" aria-hidden="true"> </i>
+          <th:block th:with="content = ${postFinder.content(post.metadata.name)}">
+            <th:block th:with="wordCount = ${#strings.length(content.content)}">
+              约 <span th:text="${wordCount}"></span> 字
+              <i class="far fa-clock fa-fw" aria-hidden="true"> </i>
+              <th:block th:if="${wordCount / 400 lt 1}"> &nbsp;预计阅读 1 分钟&nbsp; </th:block>
+              <th:block th:if="${wordCount / 400 ge 1}"> &nbsp;预计阅读 [[${wordCount / 400}]] 分钟&nbsp; </th:block>
+              <span class="leancloud_visitors">
+                <i class="far fa-eye fa-fw" aria-hidden="true"> </i>
+                &nbsp;
+                <span class="leancloud-visitors-count" th:text="${post.stats.visit}"> </span>
+                &nbsp;次阅读
               </span>
-              &nbsp;次阅读
-            </span>
+            </th:block>
           </th:block>
-        </th:block>
-      </div>
-    </div>
-    <div class=featured-image>
-      <img class=lazyload th:src="${post.spec.cover}" data-sizes=auto
-           th:title="${post.spec.title}" th:alt="${post.spec.title}">
-    </div>
-    <div class=content id=content>
-      <section th:utext="${post.content.content}">
-        <hr/>
-      </section>
-    </div>
-    <div class=post-footer id=post-footer>
-      <div class=post-info>
-        <div class=post-info-line>
-          <div class=post-info-mod>
-										<span>
-											更新于&nbsp;
-											<time th:text="${#dates.format(post.status.lastModifyTime,'yyyy-MM-dd')}"></time>
-										</span>
-          </div>
         </div>
       </div>
-      <div class=post-info-more>
-        <section class=post-tags>
-          <th:block th:if="${not #lists.isEmpty(post.tags)}">
-            <a th:href="@{${tag.status.permalink}}" th:each="tag : ${post.tags}">
-              <i class="fas fa-tags fa-fw" aria-hidden=true>
-              </i>
-              &nbsp;
-              <th:block th:text="${tag.spec.displayName}"></th:block>
-            </a>
-          </th:block>
-        </section>
-        <section>
-          <span>
-            <a href=javascript:void(0); onclick=window.history.back()>
-              返回
-            </a>
-          </span>
-          &nbsp;|&nbsp;
-          <span>
-            <a href="/">主页</a>
-          </span>
+      <div class="featured-image">
+        <img
+          class="lazyload"
+          th:src="${post.spec.cover}"
+          data-sizes="auto"
+          th:title="${post.spec.title}"
+          th:alt="${post.spec.title}"
+        />
+      </div>
+      <div class="content" id="content">
+        <section th:utext="${post.content.content}">
+          <hr />
         </section>
       </div>
-      <div class=post-nav th:with="postCursor = ${postFinder.cursor(post.metadata.name)}">
-        <a th:if="${postCursor.hasPrevious()}" th:href="@{${postCursor.previous.status.permalink}}" class=prev rel=prev
-           th:title="${postCursor.previous.spec.title}">
-          <i class="fas fa-angle-left fa-fw" aria-hidden=true>
-          </i>
-          <span th:text="${postCursor.previous.spec.title}"></span>
-        </a>
-        <a th:if="${postCursor.hasNext()}" th:href="@{${postCursor.next.status.permalink}}" class=next rel=next
-           th:title="${postCursor.next.spec.title}">
-          <i class="fas fa-angle-right fa-fw" aria-hidden=true>
-          </i>
-          <span th:text="${postCursor.next.spec.title}"></span>
-        </a>
+      <div class="post-footer" id="post-footer">
+        <div class="post-info">
+          <div class="post-info-line">
+            <div class="post-info-mod">
+              <span>
+                更新于&nbsp;
+                <time th:text="${#dates.format(post.status.lastModifyTime,'yyyy-MM-dd')}"></time>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div class="post-info-more">
+          <section class="post-tags">
+            <th:block th:if="${not #lists.isEmpty(post.tags)}">
+              <a th:href="@{${tag.status.permalink}}" th:each="tag : ${post.tags}">
+                <i class="fas fa-tags fa-fw" aria-hidden="true"> </i>
+                &nbsp;
+                <th:block th:text="${tag.spec.displayName}"></th:block>
+              </a>
+            </th:block>
+          </section>
+          <section>
+            <span>
+              <a href="javascript:void(0);" onclick="window.history.back()"> 返回 </a>
+            </span>
+            &nbsp;|&nbsp;
+            <span>
+              <a href="/">主页</a>
+            </span>
+          </section>
+        </div>
+        <div class="post-nav" th:with="postCursor = ${postFinder.cursor(post.metadata.name)}">
+          <a
+            th:if="${postCursor.hasPrevious()}"
+            th:href="@{${postCursor.previous.status.permalink}}"
+            class="prev"
+            rel="prev"
+            th:title="${postCursor.previous.spec.title}"
+          >
+            <i class="fas fa-angle-left fa-fw" aria-hidden="true"> </i>
+            <span th:text="${postCursor.previous.spec.title}"></span>
+          </a>
+          <a
+            th:if="${postCursor.hasNext()}"
+            th:href="@{${postCursor.next.status.permalink}}"
+            class="next"
+            rel="next"
+            th:title="${postCursor.next.spec.title}"
+          >
+            <i class="fas fa-angle-right fa-fw" aria-hidden="true"> </i>
+            <span th:text="${postCursor.next.spec.title}"></span>
+          </a>
+        </div>
+      </div>
+      <!-- 后续做评论组件 -->
+      <div id="comments" class="comment">
+        <halo:comment group="content.halo.run" kind="Post" th:attr="name=${post.metadata.name}" colorScheme="'light'" />
       </div>
-    </div>
-    <!-- 后续做评论组件 -->
-    <div id=comments class=comment>
-      <halo:comment
-        group="content.halo.run"
-        kind="Post"
-        th:attr="name=${post.metadata.name}"
-        colorScheme="'light'"
-      />
-    </div>
-  </article>
-</th:block>
+    </article>
+  </th:block>
 </html>
 
-<script type=text/javascript>
+<script type="text/javascript">
   window.config = {
     data: {},
-  }
+  };
 </script>
diff --git a/templates/tag.html b/templates/tag.html
index eeeb021..25adc6e 100644
--- a/templates/tag.html
+++ b/templates/tag.html
@@ -1,35 +1,33 @@
 <!DOCTYPE html>
 <html xmlns:th="https://www.thymeleaf.org" th:replace="~{modules/layout :: html(content = ~{::content})}">
-<th:block th:fragment="content">
-
-  <div class="page archive">
-    <h2 class="single-title animate__animated animate__pulse animate__faster">
-      <i class="fas fa-tag fa-fw" aria-hidden=true>
-      </i>
-      &nbsp;<th:block th:text="${tag.spec.displayName}"></th:block>
-    </h2>
-    <h3 th:text="${#dates.format(tag.metadata.creationTimestamp,'yyyy')} + ' 年'" class=group-title></h3>
-    <article class=archive-item th:each="post : ${posts.items}">
-      <a th:href="@{${post.status.permalink}}" class=archive-item-link>
-        <span th:text="${post.spec.title}"></span>
-      </a>
-      <span class=archive-item-date th:text="${#dates.format(post.spec.publishTime,'MM-dd')}"></span>
-    </article>
-    <div th:if="${posts.hasPrevious() || posts.hasNext()}" class="pagination">
-      <a th:href="@{${posts.prevUrl}}">
-        <span>上一页</span>
-      </a>
-      <span th:text="${posts.page} +' / '+ ${posts.total}"></span>
-      <a th:href="@{${posts.nextUrl}}">
-        <span>下一页</span>
-      </a>
+  <th:block th:fragment="content">
+    <div class="page archive">
+      <h2 class="single-title animate__animated animate__pulse animate__faster">
+        <i class="fas fa-tag fa-fw" aria-hidden="true"> </i>
+        &nbsp;<th:block th:text="${tag.spec.displayName}"></th:block>
+      </h2>
+      <h3 th:text="${#dates.format(tag.metadata.creationTimestamp,'yyyy')} + ' 年'" class="group-title"></h3>
+      <article class="archive-item" th:each="post : ${posts.items}">
+        <a th:href="@{${post.status.permalink}}" class="archive-item-link">
+          <span th:text="${post.spec.title}"></span>
+        </a>
+        <span class="archive-item-date" th:text="${#dates.format(post.spec.publishTime,'MM-dd')}"></span>
+      </article>
+      <div th:if="${posts.hasPrevious() || posts.hasNext()}" class="pagination">
+        <a th:href="@{${posts.prevUrl}}">
+          <span>上一页</span>
+        </a>
+        <span th:text="${posts.page} +' / '+ ${posts.total}"></span>
+        <a th:href="@{${posts.nextUrl}}">
+          <span>下一页</span>
+        </a>
+      </div>
     </div>
-  </div>
-</th:block>
+  </th:block>
 </html>
 
-<script type=text/javascript>
+<script type="text/javascript">
   window.config = {
     data: {},
-  }
+  };
 </script>
diff --git a/templates/tags.html b/templates/tags.html
index a96a415..88f73fd 100644
--- a/templates/tags.html
+++ b/templates/tags.html
@@ -1,25 +1,22 @@
 <!DOCTYPE html>
 <html xmlns:th="https://www.thymeleaf.org" th:replace="~{modules/layout :: html(content = ~{::content})}">
-<th:block th:fragment="content">
-  <div class="page archive">
-    <h2 class="single-title animate__animated animate__pulse animate__faster">
-      所有标签
-    </h2>
-    <div class=tag-cloud-tags>
-      <th:block th:each="tag : ${tags}">
-        <a th:href="@{${tag.status.permalink}}">
-          <th:block th:text="${tag.spec.displayName}"></th:block>
-          <sup th:text="${tag.status.postCount}">
-          </sup>
-        </a>
-      </th:block>
+  <th:block th:fragment="content">
+    <div class="page archive">
+      <h2 class="single-title animate__animated animate__pulse animate__faster">所有标签</h2>
+      <div class="tag-cloud-tags">
+        <th:block th:each="tag : ${tags}">
+          <a th:href="@{${tag.status.permalink}}">
+            <th:block th:text="${tag.spec.displayName}"></th:block>
+            <sup th:text="${tag.status.postCount}"> </sup>
+          </a>
+        </th:block>
+      </div>
     </div>
-  </div>
-</th:block>
+  </th:block>
 </html>
 
-<script type=text/javascript>
+<script type="text/javascript">
   window.config = {
     data: {},
-  }
+  };
 </script>