fix: 文档添加 tailwindcss

docs/astro.config.mjs

@@ -1,35 +1,43 @@
 import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
 
+import tailwind from '@astrojs/tailwind';
+
 // https://astro.build/config
 export default defineConfig({
-	integrations: [
-		starlight({
-			title: 'Pic Impact',
-			defaultLocale: 'root',
-			locales: {
-				root: {
-					label: '简体中文',
-					lang: 'zh-CN',
-				},
-			},
-			social: {
-				github: 'https://github.com/besscroft/PicImpact',
-			},
-			sidebar: [
-				{
-					label: '从这里开始',
-					autogenerate: { directory: 'quick' },
-				},
-				{
-					label: '指南',
-					autogenerate: { directory: 'guides' },
-				},
-				{
-					label: '参考',
-					autogenerate: { directory: 'reference' },
-				},
-			],
-		}),
-	],
-});
+  integrations: [starlight({
+    title: 'Pic Impact',
+    defaultLocale: 'root',
+    locales: {
+      root: {
+        label: '简体中文',
+        lang: 'zh-CN'
+      }
+    },
+    customCss: [
+      './src/global.css'
+    ],
+    social: {
+      github: 'https://github.com/besscroft/PicImpact'
+    },
+    sidebar: [{
+      label: '从这里开始',
+      autogenerate: {
+        directory: 'quick'
+      }
+    }, {
+      label: '指南',
+      autogenerate: {
+        directory: 'guides'
+      }
+    }, {
+      label: '参考',
+      autogenerate: {
+        directory: 'reference'
+      }
+    }]
+  }), tailwind({
+    // 禁用默认的基础样式
+    applyBaseStyles: false,
+  })]
+});

docs/package.json

@@ -11,10 +11,13 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/check": "^0.5.10",
     "@astrojs/starlight": "^0.21.5",
+    "@astrojs/starlight-tailwind": "^2.0.2",
+    "@astrojs/tailwind": "^5.1.0",
     "astro": "^4.3.5",
     "sharp": "^0.32.5",
-    "@astrojs/check": "^0.5.10",
+    "tailwindcss": "^3.4.3",
     "typescript": "^5.4.4"
   }
 }