项目部署#

System Requirements:

• Node.js 18.18 or later.
• macOS, Windows (including WSL), and Linux are supported.

本地部署#

确保你已安装 Node.js。

# Installation（安装依赖）
yarn

# Local Development (本地开发)
yarn dev

# build and start (构建并启动)
yarn build && yarn start

# Deploy for a single language（单一语言部署）
yarn build:lang en
yarn build:lang zh
yarn build:lang zh-hant

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying src/app/[locale]/page.tsx. The page auto-updates as you edit the file.

Vercel 部署#

点击下方按钮，一键将 Subtitle Translator 部署到 Vercel 平台：

通过 Vercel，你可以快速将项目托管，并且可以自动处理构建和部署，适合没有复杂服务器配置需求的用户。

Cloudflare Pages 部署#

点击下方按钮或链接，Fork 本项目后，按说明在 Cloudflare Pages 上部署：

👉 Fork 本项目

部署步骤：

1. 登录 Cloudflare
2. 选择 "Create a project"
3. 绑定你刚刚 Fork 的仓库
4. 配置构建命令：
   • Build command: npm run build
   • Output directory: out 或根据项目不同填写
5. 点击部署！

🎉 完成后即可访问你的字幕翻译器页面！

Docker 部署#

如果你更倾向于在容器环境中运行应用程序，可以使用以下方法通过 Docker 容器运行 Subtitle Translator：

# 从 ghcr.io 拉取并运行
docker run -d -p 3000:3000 --name subtitle-translator ghcr.io/rockbenben/subtitle-translator:latest

# 或者从 Docker Hub 拉取并运行
docker run -d -p 3000:3000 --name subtitle-translator rockben/subtitle-translator:latest

运行后，访问 http://localhost:3000 即可使用。

也可以通过 docker-compose.yml 来部署：

services:
  subtitle-translator:
    image: ghcr.io/rockbenben/subtitle-translator:latest
    container_name: subtitle-translator
    ports:
      - "3000:3000"
    restart: unless-stopped

执行 docker-compose up -d 命令即可启动服务。