diff --git a/package.json b/package.json
index cbe851a..6ec3f57 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,6 @@
     },
     "devDependencies": {
         "@algolia/client-search": "^4",
-        "@types/animejs": "^3.1.7",
         "@types/fancybox": "^3.5.3",
         "@types/hexo": "^3.8.8",
         "@types/jquery": "^3.5.16",
@@ -37,6 +36,7 @@
         "hexo-util": "^3.0.1",
         "instantsearch.js": "^4.53.0",
         "pjax": "^0.2.8",
+        "theme-shokax-anime": "^0.0.4",
         "typescript": "^5.0.2",
         "vue": "^3.2.47",
         "vuepress": "2.0.0-beta.61",
diff --git a/source/js/_app/fireworks.ts b/source/js/_app/fireworks.ts
index 3a68831..3904018 100644
--- a/source/js/_app/fireworks.ts
+++ b/source/js/_app/fireworks.ts
@@ -150,7 +150,6 @@ function animateParticules (x:number, y:number):void {
     particules.push(createParticule(x, y))
   }
   // 创建一个 anime.js 的时间线，并添加动画
-  // @ts-ignore
   anime().timeline().add({
     targets: particules,
     // x 坐标移动到烟花粒子的终点坐标
diff --git a/tsconfig.json b/tsconfig.json
index f747366..998513d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,7 +9,9 @@
     "allowJs": true,
     "esModuleInterop": true,
     "moduleResolution": "node",
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "typeRoots": ["node_modules","node_modules/@types"],
+    "types": ["theme-shokax-anime","lozad","jquery","fancybox"]
   },
   "typeAcquisition": {
     "enable": true