Skip to content

JohnMing143/DeepLXTranslator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LibreTranslator

LibreTranslator 是一个基于 React 的翻译工具,利用 DeepLx API 提供快速和准确的翻译服务。用户可以选择源语言和目标语言,输入文本并获取翻译结果。

功能

  • 支持多种语言的翻译
  • 友好的用户界面(待完善)

技术栈

  • 前端: React
  • 样式: CSS
  • API: DeepLx API

项目结构

/
├── /public
│   ├── index.html
│   └── styles.css
├── /src
│   ├── App.js
│   ├── index.js
│   └── styles.css
└── package.json

部署

1、使用 Cloudflare Pages 部署

  1. Fork 本仓库。
  2. 登录到 Cloudflare ,在 Cloudflare Dashboard 中,选择 "Pages"。
  3. 点击 "Create a Project"。
  4. 连接到您的 GitHub 存储库,并选择该项目。
  5. 在 "Configure your build" 步骤中,使用以下设置:
    • Framework preset:
    • Build command: npm run build
    • Build directory: build
  6. 点击 "Save and Deploy"。

2、使用 Vercel 部署

  1. Fork 本仓库。
  2. 登录到 Vercel,点击 "New Project"。
  3. 连接到您的 GitHub 存储库,并选择该项目。
  4. Vercel 会自动检测到您使用的是 React 项目。您可以使用默认设置。
  5. 点击 "Deploy"。

所有部署方式都要配置环境变量

  1. REACT_APP_DEEPLX_API_URL: https://api.deeplx.org/token* 不带 /translate

    用于存储 DeepLx API 的 URL,以便在请求翻译时使用。

  2. REACT_APP_PASSWORD(可选): 访问密码

    用于存储访问口令,以便在用户输入口令时进行验证。

  3. NODE_OPTIONS:--openssl-legacy-provider

    这个变量用于配置 Node.js 的选项,通常用于解决某些依赖包的兼容性问题。

About

基于 DeepLx 的自部署翻译界面

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published