vercel部署以及友链添加

Inverstar · Inverstar · commit fbc96bf7d920 · 2025-12-03T15:43:11.000Z
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,47 @@
+name: Deploy to Vercel
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+    - uses: actions/checkout@v3
+    
+    - name: Install Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    
+    - name: Install dependencies
+      run: npm install
+    
+    - name: Build
+      run: npm run build
+      env:
+        DATABASE_URL: ${{ secrets.DATABASE_URL }}
+        S3_REGION: ${{ secrets.S3_REGION }}
+        S3_ENDPOINT: ${{ secrets.S3_ENDPOINT }}
+        S3_ACCESS_KEY: ${{ secrets.S3_ACCESS_KEY }}
+        S3_SECRET_KEY: ${{ secrets.S3_SECRET_KEY }}
+        S3_BUCKET: ${{ secrets.S3_BUCKET }}
+    
+    - name: Deploy to Vercel
+      uses: amondnet/vercel-action@v25
+      with:
+        vercel-token: ${{ secrets.VERCEL_TOKEN }}
+        vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+        vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+        scope: ${{ secrets.VERCEL_ORG_ID }}
+        working-directory: ./
+        production: true
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -72,6 +72,51 @@ const files = await s3
 				font-size: 1.1rem;
 				margin-bottom: 2rem;
 			}
+			.links-section {
+				margin-top: 3rem;
+				padding-top: 2rem;
+				border-top: 2px solid rgba(255, 255, 255, 0.2);
+				width: 100%;
+				max-width: 600px;
+			}
+			.links-title {
+				font-size: 1.3rem;
+				margin-bottom: 1.5rem;
+				color: white;
+				text-align: center;
+			}
+			.links-container {
+				display: grid;
+				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+				gap: 1rem;
+			}
+			.link-card {
+				background: rgba(255, 255, 255, 0.1);
+				border: 1px solid rgba(255, 255, 255, 0.2);
+				border-radius: 8px;
+				padding: 1.2rem;
+				text-align: center;
+				transition: all 0.3s ease;
+				text-decoration: none;
+				color: white;
+				backdrop-filter: blur(10px);
+			}
+			.link-card:hover {
+				background: rgba(255, 255, 255, 0.2);
+				transform: translateY(-5px);
+				box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
+				border-color: #ffd700;
+			}
+			.link-name {
+				font-weight: bold;
+				font-size: 1.1rem;
+				margin-bottom: 0.5rem;
+				color: #ffd700;
+			}
+			.link-desc {
+				font-size: 0.9rem;
+				color: rgba(255, 255, 255, 0.8);
+			}
 		</style>
 	</head>
 	<body>
@@ -83,6 +128,17 @@ const files = await s3
 		<!-- 如果不加 client:load，它就是静态 HTML，Elm 动不了 -->
 		<ElmWrapper targetNumber={targetNumber} client:load />
 
+		<!-- 友链区域 -->
+		<div class="links-section">
+			<h2 class="links-title">🔗 友情链接</h2>
+			<div class="links-container">
+				<a href="https://tool.nexur.top" target="_blank" rel="noopener noreferrer" class="link-card">
+					<div class="link-name">OpenDevTools</div>
+					<div class="link-desc">OD工具箱</div>
+				</a>
+			</div>
+		</div>
+
 	</body>
 </html>
 
