Add

T-miracle · T-miracle · commit c1eb9eed6b38 · 2025-08-27T17:04:17.000+08:00
diff --git a/.vitepress/config.ts b/.vitepress/config.ts
@@ -30,7 +30,7 @@ export default defineConfig({
             }
         },
         plugins: [
-            // @ts-expect-error unocss plugin
+            // @ts-expect-error css plugin
             UnoCSS()
         ]
     },
diff --git a/.vitepress/sidebar/bugs.ts b/.vitepress/sidebar/bugs.ts
@@ -1,6 +1,6 @@
 import {
     androidStudioIcon,
-    bugIcon,
+    bugIcon, cssIcon,
     editorIcon,
     elementIcon,
     htmlIcon,
@@ -35,6 +35,18 @@ const bugsSidebar: SidebarType[] = [
                     }
                 ]
             },
+            {
+                icon: cssIcon,
+                text: 'CSS',
+                collapsed: true,
+                items: [
+                    {
+                        icon: '🔹',
+                        text: 'UnoCSS 相关错误记录',
+                        link: '/bugs/web/css/unocss_error_records'
+                    }
+                ]
+            },
             {
                 icon: tsIcon,
                 text: 'TypeScript',
diff --git a/.vitepress/sidebar/icons.ts b/.vitepress/sidebar/icons.ts
@@ -68,3 +68,5 @@ export const deployIcon: string = `<svg t="1682869755788" class="icon" viewBox="
 export const dockerIcon: string = `<svg t="1682869852024" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27221" width="20" height="20"><path d="M532.48 389.12h104.96v107.52H691.2c25.6 0 48.64-5.12 71.68-12.8 12.8-5.12 23.04-10.24 35.84-15.36-15.36-20.48-23.04-43.52-25.6-66.56-2.56-33.28 2.56-74.24 25.6-99.84l10.24-12.8 12.8 10.24c33.28 25.6 61.44 64 66.56 104.96 40.96-12.8 87.04-7.68 120.32 10.24l15.36 7.68-7.68 15.36c-30.72 58.88-92.16 76.8-151.04 71.68-89.6 225.28-286.72 332.8-527.36 332.8-122.88 0-238.08-46.08-302.08-156.16v-2.56L25.6 665.6c-23.04-48.64-28.16-102.4-23.04-153.6l2.56-15.36h89.6v-107.52h104.96v-104.96H409.6v-102.4h125.44v207.36z m0 0" fill="#394D54" p-id="27222"></path><path d="M870.4 430.08c7.68-53.76-33.28-97.28-58.88-117.76-28.16 33.28-33.28 122.88 12.8 158.72-25.6 23.04-79.36 43.52-133.12 43.52H17.92c-5.12 56.32 5.12 110.08 28.16 156.16l7.68 12.8 15.36 23.04c28.16 2.56 53.76 2.56 76.8 2.56 46.08 0 81.92-5.12 110.08-15.36 5.12-2.56 7.68 0 10.24 5.12 2.56 5.12 0 7.68-5.12 10.24-2.56 0-7.68 2.56-12.8 2.56-23.04 5.12-46.08 10.24-76.8 12.8h-2.56H81.92c56.32 61.44 143.36 99.84 253.44 99.84 232.96 0 427.52-102.4 514.56-332.8 61.44 5.12 120.32-10.24 148.48-61.44-40.96-25.6-94.72-15.36-128 0z m0 0" fill="#00AADA" p-id="27223"></path><path d="M870.4 430.08c7.68-53.76-33.28-97.28-58.88-117.76-28.16 33.28-33.28 122.88 12.8 158.72-25.6 23.04-79.36 43.52-133.12 43.52H58.88c-2.56 87.04 30.72 153.6 87.04 194.56 46.08 0 81.92-5.12 110.08-15.36 5.12-2.56 7.68 0 10.24 5.12 2.56 5.12 0 7.68-5.12 10.24-2.56 0-7.68 2.56-12.8 2.56-23.04 5.12-48.64 10.24-79.36 12.8 79.36 40.96 194.56 40.96 325.12-10.24 145.92-56.32 284.16-163.84 378.88-286.72 0 0 0 2.56-2.56 2.56z m0 0" fill="#24B8EB" p-id="27224"></path><path d="M186.88 414.72h7.68v74.24h-7.68v-74.24z m-15.36 0H179.2v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-15.36 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-7.68-7.68h89.6v89.6H110.08v-89.6z m179.2-97.28h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384h-7.68v-74.24z m-15.36 0h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384h-7.68v-74.24z m-12.8 0H230.4V384h-7.68v-74.24z m-7.68-7.68h89.6v89.6H215.04v-89.6z m0 0" fill="#00ACD3" p-id="27225"></path><path d="M289.28 414.72h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-15.36 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-12.8 0H230.4v74.24h-7.68v-74.24z m-7.68-7.68h89.6v89.6H215.04v-89.6z m0 0" fill="#20C2EF" p-id="27226"></path><path d="M394.24 414.72h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-15.36 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-12.8 0h5.12v74.24h-7.68v-74.24z m-7.68-7.68H409.6v89.6h-89.6v-89.6z m0 0" fill="#00ACD3" p-id="27227"></path><path d="M394.24 309.76h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384h-7.68v-74.24z m-15.36 0h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384h-7.68v-74.24z m-12.8 0h5.12V384h-7.68v-74.24z m-7.68-7.68H409.6v89.6h-89.6v-89.6z m179.2 112.64h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24H486.4v-74.24z m-15.36 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-15.36 0h7.68v74.24h-7.68v-74.24z m-7.68-7.68H512v89.6h-89.6v-89.6z m0 0" fill="#20C2EF" p-id="27228"></path><path d="M499.2 309.76h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384H486.4v-74.24z m-15.36 0h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384h-7.68v-74.24z m-12.8 0h7.68V384h-7.68v-74.24z m-15.36 0h7.68V384h-7.68v-74.24z m-7.68-7.68H512v89.6h-89.6v-89.6z m0 0" fill="#00ACD3" p-id="27229"></path><path d="M499.2 204.8h7.68v76.8h-7.68V204.8zM486.4 204.8h7.68v76.8H486.4V204.8z m-15.36 0h7.68v76.8h-7.68V204.8z m-12.8 0h7.68v76.8h-7.68V204.8z m-12.8 0h7.68v76.8h-7.68V204.8z m-15.36 0h7.68v76.8h-7.68V204.8z m-7.68-7.68H512v89.6h-89.6V197.12z m0 0" fill="#20C2EF" p-id="27230"></path><path d="M604.16 414.72h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-15.36 0h7.68v74.24h-7.68v-74.24z m-12.8 0h7.68v74.24H563.2v-74.24z m-12.8 0h7.68v74.24h-7.68v-74.24z m-15.36 0h7.68v74.24h-7.68v-74.24z m-7.68-7.68h89.6v89.6h-89.6v-89.6z m0 0" fill="#00ACD3" p-id="27231"></path><path d="M299.52 645.12c12.8 0 25.6 10.24 25.6 25.6 0 12.8-10.24 25.6-25.6 25.6-12.8 0-25.6-10.24-25.6-25.6s12.8-25.6 25.6-25.6" fill="#D4EDF1" p-id="27232"></path><path d="M299.52 652.8h5.12c-2.56 2.56-5.12 5.12-2.56 7.68 0 2.56 2.56 5.12 7.68 5.12 2.56 0 5.12-2.56 5.12-5.12 0 2.56 2.56 5.12 2.56 7.68 0 10.24-7.68 17.92-17.92 17.92-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-15.36 17.92-15.36" fill="#394D54" p-id="27233"></path><path d="M366.08 824.32c-61.44-28.16-97.28-69.12-115.2-112.64-23.04 7.68-51.2 10.24-81.92 12.8H130.56c-15.36 0-33.28 0-48.64-2.56 56.32 56.32 125.44 99.84 256 102.4 10.24 2.56 17.92 2.56 28.16 0z m0 0" fill="#BFDBE0" p-id="27234"></path><path d="M273.92 752.64c-10.24-12.8-17.92-25.6-23.04-40.96-23.04 7.68-51.2 10.24-81.92 12.8 20.48 12.8 53.76 23.04 104.96 28.16z m0 0" fill="#D4EDF1" p-id="27235"></path></svg>`;
 // Android
 export const androidIcon: string = `<svg t="1683211581361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3755" width="20" height="20"><path d="M381.448 64.12h-0.02c-14.327 0-28.106 4.319-39.844 12.485-31.395 22.16-39.177 65.89-17.713 97.736l1.538 2.27c-39.599 34.257-66.725 78.794-77.48 128.25-4.35-0.534-8.78-0.811-13.27-0.811l-0.033-0.028c-60.458 0-109.643 49.88-109.643 111.192v184.831c0 61.295 49.185 111.16 109.643 111.16 3.21 0 6.386-0.14 9.53-0.417l23.009 60.1c13.587 16.49 32.326 28.541 53.705 33.636v41.765c0 61.277 49.187 111.13 109.645 111.13 32.324 0 61.428-14.255 81.516-36.884 20.083 22.628 49.191 36.885 81.515 36.885 60.458 0 109.641-49.854 109.641-111.131v-41.757c42.692-10.159 74.848-48.056 76.55-93.651 2.636 0.194 5.304 0.291 7.99 0.291 60.478 0 109.677-49.88 109.677-111.191V415.183c0-61.28-49.188-111.133-109.645-111.133v-0.028c-4.53 0-8.996 0.28-13.386 0.822-10.777-49.444-37.87-93.943-77.403-128.171l1.41-2.075c21.672-32.157 13.805-75.943-17.405-97.81-11.695-8.221-25.547-12.595-39.98-12.595-23.534 0-45.519 11.722-58.802 31.358l-13.078 19.281c-18.807-3.778-37.98-5.678-57.37-5.678-19.982 0-39.47 1.893-58.394 5.65L440.24 95.443c-13.771-19.838-35.588-31.315-58.791-31.323z" fill="#FFFFFF" p-id="3756"></path><path d="M234.626 367.83c-25.272 0-45.836 21.185-45.836 47.383v184.834c0 26.168 20.535 47.353 45.836 47.353 25.305 0 45.87-21.185 45.87-47.386V415.182c0-26.11-20.506-47.324-45.837-47.324l-0.033-0.029z m553.134 0c-25.334 0-45.87 21.185-45.87 47.353v184.83c0 26.173 20.564 47.353 45.835 47.353 25.335 0 45.87-21.18 45.87-47.383V415.182c0-26.11-20.535-47.324-45.835-47.324v-0.029zM308.088 707.08c0 20.099 16.011 36.324 35.737 36.324h40.852V846.29c0 26.139 20.535 47.323 45.836 47.323 25.304 0 45.836-21.15 45.836-47.323V743.405h71.36V846.29c0 26.139 20.564 47.323 45.834 47.323 25.335 0 45.836-21.15 45.836-47.323V743.405h40.881c19.697 0 35.738-16.225 35.738-36.324V369.285H307.962V707.08h0.126z m299.824-512.875l37.692-55.467c2.23-3.312 1.673-7.65-1.24-9.692-2.91-2.045-7.123-0.994-9.323 2.259l-39.175 57.761a227.79 227.79 0 0 0-84.675-16.105c-30.193 0-58.843 5.73-84.642 16.072l-39.146-57.82c-2.26-3.253-6.442-4.276-9.386-2.23-2.943 2.075-3.466 6.38-1.237 9.691l37.659 55.595c-59.894 28.339-101.953 82.101-107.281 144.909h408.007c-5.39-62.775-47.416-116.604-107.314-144.91h0.033v-0.03l0.028-0.033z m-182.789 87.65c-12.556-0.105-22.662-10.36-22.576-22.92 0-12.664 10.098-22.95 22.576-22.95 12.453 0 22.547 10.285 22.547 22.95 0 12.7-10.093 22.949-22.547 22.949v-0.03z m174.922 0a22.758 22.758 0 0 1-22.606-22.92c0-12.664 10.157-22.95 22.606-22.95 12.453 0 22.547 10.285 22.547 22.95 0 12.7-10.093 22.949-22.547 22.949v-0.03z" fill="#64A70E" p-id="3757"></path></svg>`;
+// NodeJs
+export const nodejsIcon = `<svg t="1756282210448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1503" width="32" height="32"><path d="M512.319544 1024a76.690572 76.690572 0 0 1-38.66483-10.544954l-123.471821-74.134219c-18.405737-10.417136-9.394595-14.187756-3.323258-16.296747a242.086573 242.086573 0 0 0 55.792391-25.563524 9.458504 9.458504 0 0 1 9.266777 0.702997l94.776766 57.134476a12.014856 12.014856 0 0 0 11.503586 0l369.648557-216.523049a11.887039 11.887039 0 0 0 5.623976-10.1615v-433.301733a12.206583 12.206583 0 0 0-5.687885-10.353227L518.390881 68.627198a11.439677 11.439677 0 0 0-11.375768 0L137.366555 285.086337a12.014856 12.014856 0 0 0-5.815702 10.289319v433.110006a11.503586 11.503586 0 0 0 5.815702 10.033683l101.295464 59.371285c54.961577 27.864241 88.577611-4.984887 88.577611-37.961833V332.314948a10.73668 10.73668 0 0 1 10.73668-10.800589h46.845158a10.73668 10.73668 0 0 1 10.672771 10.800589v427.54994a103.340546 103.340546 0 0 1-109.411883 117.144849 156.257041 156.257041 0 0 1-85.190444-23.518442l-96.949665-56.623206a79.50256 79.50256 0 0 1-38.792647-68.446336V295.311747a79.310833 79.310833 0 0 1 38.792647-68.382427L473.654714 10.150636a79.886013 79.886013 0 0 1 77.713113 0L921.016385 226.92932a79.438651 79.438651 0 0 1 38.856556 68.382427v433.046097a79.694286 79.694286 0 0 1-38.856556 68.446336l-369.648558 216.650866a76.690572 76.690572 0 0 1-38.920465 10.544954z m114.205044-298.390234c-161.817107 0-195.688777-75.412396-195.688777-138.61821A10.672771 10.672771 0 0 1 441.700309 575.999241h47.612063a10.73668 10.73668 0 0 1 10.608863 9.202869c7.221696 49.40151 28.695056 74.325946 126.539444 74.325946 77.840931 0 111.009603-17.894467 111.009603-59.818646 0-24.221439-9.330686-42.115906-130.437881-54.194671-101.103738-10.161501-163.734372-32.849128-163.734372-115.035859 0-75.73194 62.886269-120.85156 168.271897-120.851559 118.423025 0 177.027404 41.732453 184.440826 131.268695a11.056224 11.056224 0 0 1-2.811987 8.308146 10.672771 10.672771 0 0 1-7.860784 3.514984h-47.931608a10.672771 10.672771 0 0 1-10.353227-8.499871c-11.503586-51.957863-39.559553-68.574153-115.419311-68.574154-85.062626 0-94.904583 30.037141-94.904583 52.596951 0 27.352971 11.695312 35.277663 126.475535 50.679687 113.629864 15.210297 167.632809 36.811475 167.632809 117.847845s-67.104251 128.584526-184.249099 128.584526z" fill="#73B923" p-id="1504"></path></svg>`
diff --git a/.vitepress/sidebar/learn.ts b/.vitepress/sidebar/learn.ts
@@ -1,6 +1,6 @@
 import {
     androidIcon, conceptIcon, cssIcon, deployIcon, dockerIcon, editorIcon, gitIcon, hBuilderXIcon,
-    htmlIcon, httpIcon, ideaIcon, infoIcon, javaBaseIcon, javaIcon, jsIcon, mySQLIcon, npmIcon,
+    htmlIcon, httpIcon, ideaIcon, infoIcon, javaBaseIcon, javaIcon, jsIcon, mySQLIcon, nodejsIcon, npmIcon,
     rearEndIcon, springBootIcon, springIcon, sqlIcon, uniAppIcon, versionControlIcon, vueIcon,
     webIcon, webpackIcon, wxMiniprogramIcon
 } from './icons';
@@ -20,6 +20,7 @@ import webpackItems from './learn/webpack';
 import uniappItems from './learn/uniapp';
 import dockerItem from './learn/docker';
 import androidItems from './learn/android';
+import nodejsItems from './learn/nodejsItems';
 import { type SidebarType } from '../../package/type';
 
 const learnSidebar: SidebarType[] = [
@@ -58,6 +59,12 @@ const learnSidebar: SidebarType[] = [
                 collapsed: true,
                 items: jsItems
             },
+            {
+                icon: nodejsIcon,
+                text: 'NodeJs',
+                collapsed: true,
+                items: nodejsItems
+            },
             {
                 icon: vueIcon,
                 text: 'Vue',
diff --git a/.vitepress/sidebar/learn/nodejsItems.ts b/.vitepress/sidebar/learn/nodejsItems.ts
@@ -0,0 +1,11 @@
+import { type SidebarType } from '../../../package/type';
+
+const nodejsItems: SidebarType[] = [
+    {
+        icon: '🔹',
+        text: 'Node 版本管理工具：Fnm',
+        link: '/learn/web/nodejs/use_fnm'
+    }
+];
+
+export default nodejsItems;
diff --git a/package.json b/package.json
@@ -25,7 +25,7 @@
     "overlayscrollbars-vue": "^0.5.9",
     "pinia": "^2.3.1",
     "pinia-plugin-persistedstate": "3.2.3",
-    "unocss": "^65.5.0",
+    "unocss": "^66.4.2",
     "uuid": "^11.1.0",
     "viewerjs": "^1.11.7",
     "vitepress": "^1.6.3",
diff --git a/src/bugs/web/css/unocss_error_records.md b/src/bugs/web/css/unocss_error_records.md
@@ -0,0 +1,12 @@
+---
+lastUpdated: 2025/08/27 15:51
+---
+
+# UnoCSS 相关错误记录
+
+1. **错误信息**：Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows,
+   absolute paths must be valid file:// URLs. Received protocol 'c:'
+
+   **解决方式**：这是一个版本问题！之前用的是 `65.5.0` 版本，升级为 `66.x` 以上版本即可解决！
+
+----
diff --git a/src/learn/web/nodejs/use_fnm.md b/src/learn/web/nodejs/use_fnm.md
@@ -0,0 +1,133 @@
+---
+lastUpdated: 2025/08/27 16:13
+---
+
+# 版本管理工具：Fnm - 安装与使用指南
+
+## 前言
+
+- **Q**：为什么使用 Fnm ？
+
+  **A**: 在多项目运行下，显然只有一个版本的 NodeJs 是不够用的。NodeJs 本身是单独安装，
+  如果想要切换成不同的版本，则需要安装多个不同的版本。但是很不幸，
+  切换版本需要每次改动系统环境变量，这无疑是很麻烦的一个操作。
+
+  而版本管理工具的作用，便是为了解决这个问题。
+
+  Github 上还有多个类似的工具，类似：nvm、nvs、volta 等...
+
+  我之前也是使用过 nvm-windows，有段时间确实是挺好用的，后面 1.2.x 版本之后，
+  经常出现低版本 NodeJs 无法正常下载安装的问题，于是，我不得不另寻他路...
+
+  而现在，我找到了 Fnm ... （它居然还是 Rust 写的，我也是在尝试学习这门语言，这很令人兴奋！）
+
+## 如何安装（Windows 下）
+
+### 获取安装包
+
+首先，先去官方仓库下载最新的安装包，指路👉：[点我查看](https://github.com/Schniz/fnm/releases)
+
+下载 `fnm-windows.zip`
+
+解压后会得到一个 exe 文件，将它放到一个只有英文且没有空格的目录下，例如：C:\Software\fnm\
+
+### 配置系统变量
+
+然后打开 电脑中的 `系统` - `高级系统设置` - `环境变量` - `系统变量`，编辑 `Path` 属性
+
+将 C:\Software\fnm\ 添加在里面
+
+现在，你可以执行以下命令测试下是否成功：
+
+```shell
+fnm -version
+```
+
+### 写入脚本
+
+打开一个 PowerShell，执行命令：
+
+```shell
+notepad $profile
+```
+
+如果原来存在，会显示脚本内容；否则，会提示 `系统找不到指定路径`。
+
+如果不存在，先在控制台输入：
+
+```shell
+$profile
+```
+
+来查看脚本写入路径。正常会显示：
+
+```shell
+C:\Users\你的用户名\Documents\WindowsPowerShell\Microsoft.PowerShell_profile.ps1
+```
+
+这是你需要手动创建的路径与文件名。
+
+创建完成后，在 `Microsoft.PowerShell_profile.ps1` 中写入：
+
+```shell
+fnm env --use-on-cd --shell powershell | Out-String | Invoke-Expression
+```
+
+然后保存。
+
+最后，重开一个命令窗口，执行：
+
+```shell
+Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
+```
+
+到这一步，基本算是大功告成了！
+
+现在，你可以愉快的使用 Fnm 切换不同的 NodeJs 版本了！
+
+## 常用命令
+
+下面，我仅介绍几个常用的命令：
+
+- 查看可安装的版本列表
+
+```shell
+fnm list-remote
+```
+
+- 安装
+
+```shell
+fnm install [版本号]
+fnm install 14.17.0 # 安装具体版本
+fnm install 22 # 安装当前总版本号的最后一个可用版本
+```
+
+- 卸载
+
+```shell
+fnm uninstall [版本号]
+fnm uninstall 14.17.0 # 卸载具体版本
+fnm uninstall 22 # 如果只有一个 22 的版本，则卸载
+```
+
+- 可用版本列表
+
+```shell
+fnm list
+fnm ls # 简写
+```
+
+- 切换版本
+
+```shell
+fnm use [版本号]
+fnm uninstall 14.17.0 # 切换具体版本
+fnm uninstall 22 # 如果只有一个 22 的版本，则切换
+```
+
+- 指定默认版本
+
+```shell
+fnm default [版本号]
+```

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ export default defineConfig({`
`30`	`30`	`}`
`31`	`31`	`},`
`32`	`32`	`plugins: [`
`33`		`- // @ts-expect-error unocss plugin`
	`33`	`+ // @ts-expect-error css plugin`
`34`	`34`	`UnoCSS()`
`35`	`35`	`]`
`36`	`36`	`},`