translate.js – 面向前端开发者的 AI i18n 自动翻译
Agent 框架
translate.js – 面向前端开发者的 AI i18n 自动翻译

DeepSeek 导航网:translate.js 它是面向前端开发者使用的 AI i18n ,两行 js 实现 html 全自动翻译。交给 AI ,无需改动页面、无语言配置文件、无 API Key、对 SEO 友好!

使用方式

1. 部署文本翻译 API

首先部署文本翻译开放接口,它支持一次性批量翻译多个文本,同时内置多层缓存体系,最大化降低 AI 翻译的耗时。以使用户在使用时做到瞬间翻译无延迟的能力。

1.1 服务器规格

1 核 1G、20G 系统盘、1MB 带宽,操作系统为 CentOS 7.4 (7.0~7.9 都可)即可完美运行。

1.2 安装
wget https://gitee.com/mail_osc/translate/raw/master/deploy/install_translate.service.sh -O install.sh && chmod -R 777 install.sh && sh ./install.sh
1.3 配置 DeepSeek 参数

编辑 application.properties ,编辑命令:

vi /mnt/tomcat8/webapps/ROOT/WEB-INF/classes/application.properties

然后再最后面追加几行配置:

# 大模型接口请求 URL, 比如下面的是华为 DeepSeek 的请求 URL 的,另外像是 GiteeAI 的请求 URL 是 https://ai.gitee.com/v1/chat/completions 其他的平台的可自行获取填入
translate.service.deepSeek.url=https://infer-modelarts-cn-southwest-2.modelarts-infer.com/v1/infers/fd53915b-8935-48fe-be70-449d76c0fc87/v1/chat/completions
# 访问令牌
translate.service.deepSeek.key=QM8jrVl98lTluLhzCaO4i9PFv-caRk6U7kDL-H6CIyApytMG69jO33aasO1GnduQak8fGI7dtpmbsM98Qh3ywA
# 使用哪个模型,这里默认使用 DeepSeek-V3 即可,无需更改
translate.service.deepSeek.model=DeepSeek-V3
# AI 单次的最大 token 数量,不设置默认是 3000 ,这里可以默认用这个即可
translate.service.deepSeek.max_tokens=3000

最终的效果如下图所示:

1.4 重启服务
pkill java
sudo /mnt/tomcat8/bin/startup.sh
1.5 文本翻译 API 测试一下

这里传入的 from 代表翻以前的语种语言,如果你知道是什么语言则填上,如果不知道不好判断,那就固定上图这样填写即可, DeepSeek 会自动识别并进行翻译。 有关此翻译 API 接口的详细说明可参考: http://api.zvo.cn/translate/service/20230807/translate.json.html

2. html 中使用 translate.js

普通网站中点击某个语言进行切换

如下图所示,网站中的某个位置要有几种语言切换

直接在其 html 代码末尾的位置加入以下代码:

<!-- 增加某种语言切换的按钮。注意 ul 上加了一个 class="ignore" 代表这块代码不会被翻译到 -->
<ul class="ignore">
	<li><a href="javascript:translate.changeLanguage('english');">English</a></li>|
	<li><a href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a></li>|
	<li><a href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a></li>
</ul>

<!-- 引入多语言切换的 js -->
<script src="https://res.zvo.cn/translate/translate.js"></script>
<script>
	//不出现默认的 select 的选择语言
	translate.selectLanguageTag.show = false; 
	//设置文本翻译 API 的主机,也就是我们上面第一步部署好的文本翻译 API ,有关此更多可参考 https://translate.zvo.cn/4068.html
	translate.request.api.host='http://121.36.23.238/'; 
	//翻译触发初始化
	translate.execute();
</script>

这只是一个最普通的场景使用,另外像是各框架了比如 VUE、React、等等,各种管理后台,只要能运行 js ,都能使用它!

它的能力

特性说明
微调指令

项目地址

相关导航