参考资料

  1. Docker 部署 Umami 教程
  2. ElectronEgg 是一个基于 Electron 框架的开源桌面应用开发工具,旨在简化跨平台桌面应用的开发流程。
  3. Betteryeah 是一款高效的开源工具,专注于优化工作流程和提升生产力。
  4. GoodNotes是一款专为 iPa d 和 Mac 设计的 手写笔记应用
  5. OneNav 是一款开源的书签导航工具
  6. YAML 文件中设置 Umami 的 BASE_URL 环境变量
  7. 解决 Umami 部署时 Nginx 反向代理出现空白页面的问题
  8. 微信 Markdown 编辑器

AI i18n,两行js实现html全自动翻译。

translate.js

AI i18n,两行js实现html全自动翻译。
交给AI,无需改动页面、无语言配置文件、无API Key、对SEO友好!

简体中文 | 繁體中文 | English | 日語 | Русский | deutsch | Français

特性说明

微调指令

它有极其丰富的扩展指令,让你可以对它进行各种精准控制,满足各种难缠客户的各种脑洞要求。(如果满足不了,可提出来,我们加)

在线体验

http://res.zvo.cn/translate/demo.html

测试效果

先拿别人的网站动手试试效果

  1. 随便打开一个网页

  2. 右键 - 审查元素

  3. 粘贴入以下代码:
    var head= document.getElementsByTagName('head')[0];  var script= document.createElement('script');  script.type= 'text/javascript';  script.src= 'https://res.zvo.cn/translate/inspector_v2.js';  head.appendChild(script);

  4. Enter 回车键 , 执行

  5. 在当前网页的左上角,就出现了一个大大的切换语言,切换试试看。

快速使用

在网页最末尾, </html> 之前,加入以下代码,一般在页面的最底部就出现了选择语言的 select 切换标签。 其实就这么简单:

<script src="https://cdn.staticfile.net/translate.js/3.17.0/translate.js"></script>
<script>
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等
translate.service.use('client.edge'); //设置机器翻译服务通道,相关说明参考 http://translate.zvo.cn/43086.html
translate.execute();//完成翻译初始化,进行翻译
</script>

使用示例

在浏览器使用

普通网站中点击某个语言进行切换 如下图所示,网站中的某个位置要有几种语言切换

直接在其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://cdn.staticfile.net/translate.js/3.17.0/translate.js"></script>
<script>
	translate.selectLanguageTag.show = false; //不出现的select的选择语言
    translate.service.use('client.edge'); //设置翻译服务通道
	translate.execute();
</script>

在 NPM 中使用

  1. Install

    npm i i18n-jsautotranslate
  2. Import

    import translate from 'i18n-jsautotranslate'/* Or */const translate = require("i18n-jsautotranslate")

详细使用说明 | Vue2 中使用 translate.js 在线 Demo

翻译服务私有部署

可以对提供后端文本翻译API的服务进行私有部署,跟开源中国GiteeAI联合定制,采用GiteeAI大模型算力作为支撑,部署后按照提示步骤自助完成大模型的配置接入,提供高效稳定、翻译质量高的翻译能力支持。(当然你也可以在无网络环境进行部署,介入自己私有化的大模型算力)。
私有化部署后,可开启内存缓存能力,来极大提高翻译速度!
还可以通过管理的后台,对译文的结果进行自定义修改,来人工校对翻译结果,使其更精准。
具体部署方式参见: http://translate.zvo.cn/391129.html

开放翻译大模型

https://huggingface.co/xnx3/translate100 是一个用于翻译任务的 seq-to-seq 架构、基于 Transformer 的神经机器翻译模型,由m2m100(12B)经过蒸馏(small100)及各种处理后,得到的完全适配 translate.js 的一键部署应用。
它的翻译能力很一般,它最大的特点是在超低配置的终端(1核2G内存)运行使用、及做到适配全球主流的上百个语言。
它在CPU(Intel 7700k)上可以达到43token/s,在淘宝100块钱就能买到的p106显卡上可以达到90tokens/s
它的初衷,是我们针对私有化部署场景,采用qwen3 8~32B 做主要翻译时,针对千问大模型处理不了的部分,又做的一层保障,将qwen3翻译不达标的文本再交由 translate100 来进行最后的翻译,以完成大模型翻译的可靠稳定性闭环,避免返回翻译失败。

谁在使用

开源项目:

  • DzzOffice 开源办公套件,搭建自己的类似“Google企业应用套件”、“微软Office365”的企业协同办公平台

  • ModStart 基于 Laravel 的模块化全栈开发框架

  • 管伊佳ERP 国产开源ERP系统关注度第一,专注进销存、生产、总账

  • FixIt 一款简洁、优雅且先进的Hugo 博客主题

  • Z-Blog 易用的博客程序,功能丰富,模板多样,助轻松搭建个性博客。

  • Discuz 知名论坛系统,功能强大,插件众多,打造活跃互动的网络社区。

  • Pear Admin Layui Pear Admin Layui 是基于 Layui 的后台管理模板,简洁美观,实用高效。

  • kefu.js 开源js聊天界面插件,方便快捷,助力网站沟通服务。

  • Layui 简洁好用的前端框架,组件丰富,上手容易,广受开发者青睐。

  • wangmarket CMS 开源的SAAS云建站系统,可私有部署,可通过后台任意开通多个网站,每个网站独立管理

  • 易优CMS 功能强大的内容管理系统,操作简便,模板随心选。

  • 迅睿CMS 一款功能完善的内容管理系统,性能卓越,易于使用。

  • chanyue-cms 基于Node、Express、MySQL、Vue3研发的高质量实用型CMS系统

  • phpok cms 极其自由的企业站程序,支持各种自定义配置。

  • RPCMS 轻量型php内容管理系统,小型、轻量,但功能丰富,可扩展性强。

  • Masuit.MyBlogs 高性能高安全性低占用的个人博客系统