Reapply "v 1.0.7 添加前端自动部署"

This reverts commit 617f109.

Author: yyyCode

.github/workflows/ci.yml

@@ -6,6 +6,7 @@
 #   SERVER_TARGET       服务器上部署目录绝对路径（如 /opt/openblog/web），该目录下会有 dist、Dockerfile、docker.sh、nginx.conf
 #
 # 后端 Spring Boot 需在**同一台机器宿主机**上监听 8082（java -jar 或 systemd），容器内 Nginx 通过 host.docker.internal 反代到宿主机。
+# 前端容器默认映射宿主机端口 18088 → 容器 80，访问 http://IP:18088/ ，请在安全组放行 TCP 18088。
 name: Build and deploy OpenBlog
 
 on:
@@ -16,6 +17,10 @@ on:
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
+    # 消除 “Node.js 20 actions are deprecated” 警告：让基于 JS 的 action 在 Node 24 上跑
+    # 见 https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
+    env:
+      FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true
 
     steps:
       - name: Checkout
@@ -34,7 +39,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: "22"
           cache: "npm"
           cache-dependency-path: frontend/package-lock.json
 

frontend/docker.sh

@@ -3,14 +3,18 @@ set -e
 DIR="$(cd "$(dirname "$0")" && pwd)"
 NAME="openblog-web"
 
+# 映射到宿主机的端口（容器内仍为 80）。默认用偏门端口，避免与宝塔/本机 80、8080 冲突。
+# 需要：云安全组与本机防火墙放行该端口。临时改用其他端口：HOST_PORT=xxxxx sh docker.sh
+HOST_PORT="${HOST_PORT:-18088}"
+
 docker stop "$NAME" 2>/dev/null || true
 docker rm "$NAME" 2>/dev/null || true
 docker rmi "$NAME" 2>/dev/null || true
 
 docker build -t "$NAME" "$DIR"
 
 docker run -d \
-  -p 80:80 \
+  -p "${HOST_PORT}:80" \
   --name "$NAME" \
   --add-host=host.docker.internal:host-gateway \
   --restart on-failure:5 \