style: adjust homepage layout, qrcode size and limit google ad height

deploy.sh

@@ -53,38 +53,28 @@ EOF
 
 # 4. 远程部署
 echo -e "${GREEN}[4/5] 服务器端部署...${NC}"
+
+REMOTE_COMMANDS="
+mkdir -p $REMOTE_PARENT_DIR && \
+cd $REMOTE_PARENT_DIR && \
+tar -xzf release.tar.gz && \
+rm release.tar.gz && \
+cd server && \
+echo 'Installing dependencies...' && \
+npm install --omit=dev --registry=https://registry.npmmirror.com && \
+(command -v pm2 &> /dev/null || npm install -g pm2) && \
+(pm2 describe ccdw-server > /dev/null 2>&1 && pm2 reload ccdw-server || pm2 start index.js --name ccdw-server) && \
+pm2 save
+"
+
 /usr/bin/expect <<EOF
 set timeout 300
-spawn ssh -o StrictHostKeyChecking=no $SERVER_USER@$SERVER_IP
+spawn ssh -o StrictHostKeyChecking=no $SERVER_USER@$SERVER_IP "$REMOTE_COMMANDS"
 expect {
-    "password:" { send "$SERVER_PASS\r" }
+    "password:" { send "$SERVER_PASS\r"; exp_continue }
     "yes/no" { send "yes\r"; exp_continue }
+    eof
 }
-expect "#"
-
-# 准备目录
-send "mkdir -p $REMOTE_PARENT_DIR\r"
-send "cd $REMOTE_PARENT_DIR\r"
-
-# 解压覆盖 (dist 和 server 目录)
-send "tar -xzf release.tar.gz\r"
-send "rm release.tar.gz\r"
-
-# 安装/更新后端依赖
-send "cd server\r"
-send "echo 'Installing dependencies...'\r"
-send "npm install --omit=dev --registry=https://registry.npmmirror.com\r"
-
-# 检查 PM2 是否安装
-send "if ! command -v pm2 &> /dev/null; then npm install -g pm2; fi\r"
-
-# 重启服务
-# 如果没有运行则启动，如果运行了则重启
-send "pm2 describe ccdw-server > /dev/null && pm2 reload ccdw-server || pm2 start index.js --name ccdw-server\r"
-send "pm2 save\r"
-
-send "exit\r"
-expect eof
 EOF
 
 # 5. 清理本地

src/components/GoogleAd.css

@@ -2,4 +2,5 @@
   margin: 20px 0;
   text-align: center;
   overflow: hidden;
-}
+  max-height: 60px;
+}

src/pages/HomePage.css

@@ -91,4 +91,13 @@ div.section {
 div.intro {
     font-weight: bold;
     text-align: center;
+}
+
+.group-qrcode {
+    display: block;
+    width: 360px;
+    height: auto;
+    margin: 2rem auto;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

src/pages/HomePage.tsx

@@ -72,6 +72,8 @@ const HomePage = () => {
                 </div>
 
                 <GoogleAd />
+
+                <img src='/group_qrcode.jpg' alt='bob-group_qrcode' className="group-qrcode" />
             </div>
 
             <div className="section letter">