🐠 热衷于的博客

一行代码为网站增加英文翻译

集成方式

在网站 body前插入：

<script src="https://pan.erguanmingmin.com/file/10008567/yi.js"></script>

效果

■ 页面右上角出现圆形按钮

■ 点击：中文 → 英文

■ 再次点击：恢复中文

■ 刷新后保持用户选择

■ 若下页也引入该文件，可自动翻译

特点

■ 体积：压缩后约1.5KB

■ 无依赖：不依赖jQuery等任何库

■ 即插即用：无需配置，插入即生效

■ 无后端负担：翻译在浏览器完成

工作原理

1. 收集页面所有可见文本节点

2. 调用微软Edge翻译API批量翻译

3. 替换文本内容

4. Cookie记录状态

自定义样式

基于MIT协议开源，可自由修改。下载后调整按钮样式：

修改位置、大小、颜色

position:fixed; bottom:20px; left:20px; width:48px; height:48px; background:#3b82f6

修改后自行托管，替换引入地址即可。

若需要专有名词翻译定义，可参照 本博客js 进行修改

免责声明

■ 翻译接口来源于微软Edge公开服务，非本工具提供

■ 接口可用性、合法性由使用者自行评估

■ 本工具仅供学习交流

适用场景

个人博客、技术文档、中小型官网