批量将本地N个英文Html文档进行中文翻译-操作篇

Unity3D特效百例 案例项目实战源码 Android-Unity实战问题汇总
游戏脚本-辅助自动化 Android控件全解手册 再战Android系列
Scratch编程案例 软考全系列 Unity3D学习专栏
蓝桥系列 ChatGPT和AIGC

关于作者

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)
有什么需要欢迎底部卡片私我,获取更多支持,交流让学习不再孤单

实践过程

需求

这两天有个特别的需求,我想学习 Unity 技术。官方的 Unity 文档虽然有中文的,但是里面的中文不全,所以就想着翻译一下。
我目前翻译的是 2022.3 版本。因为 2023 还是 Bate 版就没使用。
但是呢,这玩意里面的 HTML 有非常的多,怎么办呢?整个批量自动化呗。于是我就有了这个思路。

实现

安装node.js和npm

1、进入官网下载:node.js官网
我选择的是windows64位的,你可以根据自己的实际情况选择对应的版本。
批量将本地N个英文Html文档进行中文翻译-操作篇_第1张图片
2、下载完成,安装。
打开安装程序
批量将本地N个英文Html文档进行中文翻译-操作篇_第2张图片
接受协议
批量将本地N个英文Html文档进行中文翻译-操作篇_第3张图片
选择安装位置,一会儿还要用。我选择的是:D:\Program Files\nodejs
批量将本地N个英文Html文档进行中文翻译-操作篇_第4张图片
下一步,next即可
批量将本地N个英文Html文档进行中文翻译-操作篇_第5张图片
不用勾选,直接next
批量将本地N个英文Html文档进行中文翻译-操作篇_第6张图片
点击install,等待安装完成
批量将本地N个英文Html文档进行中文翻译-操作篇_第7张图片
测试是否安装成功
win+r输入cmd打开命令行,输入node,如下图显示,表示安装成功,我安装的版本是16.13.0
批量将本地N个英文Html文档进行中文翻译-操作篇_第8张图片
由于node.js默认配置了npm,所以不用单独下载和配置npm了,只要node.js安装成功,那么是直接可以使用npm命令来下载moudle的。
测试npm
win+r输入cmd打开命令行,输入npm,显示当前npm版本。
批量将本地N个英文Html文档进行中文翻译-操作篇_第9张图片

安装依赖

在 cmd 中利用命令 npm i 进行安装依赖。
如果你是全新安装的,自然后续操作很顺利,如果你之前安装过很久没用,有可能会出现下面的错误。
批量将本地N个英文Html文档进行中文翻译-操作篇_第10张图片
批量将本地N个英文Html文档进行中文翻译-操作篇_第11张图片

这就是因为你很久没用过,平时删文件清垃圾,不小心把 C 盘的 package.json 删掉了。
很简单,执行 npm init 命令即可。
如果生成了 package.json 文件之后还报错:
批量将本地N个英文Html文档进行中文翻译-操作篇_第12张图片
显示缺少 description 描述和 repository 字段

根据模板package.json修改为如下:添加 description 中的值以及 repository 字段,顺便加上个 “private”: true
批量将本地N个英文Html文档进行中文翻译-操作篇_第13张图片
package.json 文件内容补充完整就可以了。

紧接着需要安装另一个依赖 npm install dayjs --save 。这是因为代码中使用了 dayjs 模块。

去百度翻译开放平台获取APPKEY

https://fanyi-api.baidu.com/
首先,打开百度翻译开放平台(https://fanyi-api.baidu.com/),首先点击右上角进行登录。


  登录后,选择“管理控制台”。
批量将本地N个英文Html文档进行中文翻译-操作篇_第14张图片
  首次进入“管理控制台”,需要首先注册为百度翻译的开发者身份。在这里,我们选择“个人开发者”,并填写相关信息。
批量将本地N个英文Html文档进行中文翻译-操作篇_第15张图片
  注册成功后,弹出一个提示进行身份认证的窗口;依据大家的需要选择是否要进行身份认证。建议大家还是选择“确定”,因为可以看一下认证与否对于我们翻译接口的影响。
批量将本地N个英文Html文档进行中文翻译-操作篇_第16张图片
  如下图,可以看到如果认证了个人身份,即可使用高级版的翻译接口。
批量将本地N个英文Html文档进行中文翻译-操作篇_第17张图片
  随后,在这一界面点击上方“翻译开放平台”按钮,回到主页。
批量将本地N个英文Html文档进行中文翻译-操作篇_第18张图片
  可以看到,此时“管理控制台”中已经有了我们账户的信息,同时接口API以及密钥已经显示在了左下角红色圈内部分。

如果仅仅需要获取API,那么到这一步骤就结束了;同时,如果我们需要更进一步,将这一API授权给一些自己开发的软件、插件,或者是需要我们百度翻译API的软件、插件,那么就继续往下进行。
批量将本地N个英文Html文档进行中文翻译-操作篇_第19张图片
  点击上图中粉色框内的“立即开通”。

批量将本地N个英文Html文档进行中文翻译-操作篇_第20张图片
  选择我们需要开通的服务或功能。

批量将本地N个英文Html文档进行中文翻译-操作篇_第21张图片
  在这里,我选择标准版,大家如果需要高级版就选择右侧即可。
批量将本地N个英文Html文档进行中文翻译-操作篇_第22张图片
  对于标准版而言,我们仅需要在弹出的窗口内填写应用名称(也就是需要获取我们百度翻译API的软件或插件名称)即可;最后两个空,如果我们是自己开发应用的话,可以填一下;如果是授权给别人开发、我们使用的应用的话,一般就不用填了。

批量将本地N个英文Html文档进行中文翻译-操作篇_第23张图片
  随后,回到首页,即可看到我们刚刚申请的应用已经开始了计数功能。
批量将本地N个英文Html文档进行中文翻译-操作篇_第24张图片
  最后一步,我们需要将之前获得的API与密钥复制到对应的软件或插件中即可。

运行

拿到 APP ID 和秘钥后,找到源码的 config.json 将内容添加进去。
将你要翻译的 N 个 Html 文档放置到源码的 html 文件夹中。
然后在 cmd 中利用 cd 切换到你放置源码的位置,用 node 命令执行即可。
批量将本地N个英文Html文档进行中文翻译-操作篇_第25张图片

源码获取有两种方式,方式一底部卡片联系我直接发你完成工程,方式二下一篇文章我会发布源代码,自行建立环境工程拷贝进去。

其他

作者:小空和小芝中的小空
转载说明-务必注明来源:https://zhima.blog.csdn.net/
这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气,日后定有一番大作为!!!旁边有点赞收藏今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

你可能感兴趣的:(瞎编瞎写,html,前端,node,批量,自动化,翻译)