分享一款将中文网站源代码直接生成英文网站的工具

本文介绍了如何通过一款命令行工具快速将已有中文网站转换为英文版,包括Windows、Mac和Linux的安装指南,以及详细的操作步骤。通过实例展示了从下载、安装到使用trans工具进行翻译的实际过程,对比了翻译前后的效果。
摘要由CSDN通过智能技术生成

背景

在网站开发初期,由于快速上线网站,没有考虑完善的国际化方案,直接将中文硬编码到代码中,当网站上线后,想再实现国际化,发现工程量太大,因此发现了一款工具,只需要输入一行命令,即可将中文网站快速生成英文网站。

使用说明

1. 下载对应版本

系统链接
Windows下载
Mac下载
Linux下载

2.安装

该工具由于是命令行工具,所以只需要从上面的下载链接下载后即可执行使用。

Linux和Mac平台

(1)权限
如果在Linux或者Mac系统上遇到Permission Denied的错误,请使用命令chmod +x trans来为文件添加可执行权限。这里的trans是上面文件重命名之后的简写。

(2)任何位置运行
对于Linux或者Mac,如果希望能够在任何位置都可以执行,那么可以把trans所在的目录加入到环境变量$PATH中去。假设trans命令被解压到路径/home/admin/tools目录下面,那么我们可以把如下的命令写入到你所使用的bash所对应的配置文件中,如果是/bin/bash,那么就是/.bashrc文件,如果是/bin/zsh,那么就是/.zshrc文件中。写入的内容为:

export PATH=$PATH:/home/admin/tools

保存完毕之后,可以通过两种方式立即生效,其一为输入source ~/.zshrc或者source ~/.bashrc来使配置立即生效,或者完全关闭命令行,然后重新打开一个即可,接下来就可以在任何位置使用trans命令了。

Windows平台

(1)闪退问题
本工具是一个命令行工具,在Windows下面请先打开命令行终端,然后输入工具名称执行,不要双击打开,否则会出现闪退现象。

(2)任何位置运行
如果你希望可以在任意目录下使用trans,请将trans工具可执行文件所在目录添加到系统的环境变量中。由于Windows系统是图形界面,所以方便一点。假设trans.exe命令被解压到路径D:\tools目录下面,那么我们把这个目录放到系统的环境变量PATH里面。
在这里插入图片描述

3.使用

命令选项

参数描述
-u用户名(jabari)
-a密码(123)
-s源目录,源代码存放目录
-d生成目录,翻译后的代码存放目录
trans -u jabari -a 123 -s ./src -d ./dist

4.翻译效果

在Github上搜索了一个官网响应式网站offical-website,编译后使用trans工具翻译为英文网站

运行日志
在这里插入图片描述

翻译效果对比

中文网站:点击访问
在这里插入图片描述

英文网站:点击访问
在这里插入图片描述

以下展示部分源码,需要完整版的请下载文件 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style> *{margin:0;padding:0;list-style:none} body{background:#ccc;} .wrap{margin:100px auto;width:900px;height:300px;box-shadow:0 0 4px #434343;background:#fff;padding:20px;border-radius:10px;} .wrap .language{position:relative;width:100px;height:30px;padding:0 30px;margin:20px;text-align:center;line-height:30px;border:1px solid #434343;cursor:pointer;} .wrap .language .languages{position:absolute;top:30px;left:-1px;width:354px;height:auto;border:1px solid #434343;display:none;background:#fff;color:#fff;line-height:40px} .wrap .language .languages ul li{float:left;width:78px;height:40px;margin:4px; border:1px dashed #ccc;background:#368;} .wrap .input, .wrap .show{width:430px;height:150px;float:left;background:#fff; color:#000;margin:10px;box-shadow:0 0 4px #222;line-height:40px;font-size:20px;text-indent:10px;color:#333;font-family:'微软雅黑';} .wrap .input textarea{z-index:3;height:100%;width:400px;border:0;resize:none;outline:0;color:#333;font-family:'微软雅黑';margin:0;padding:0;line-height:40px;font-size:20px;text-indent:10px;} .wrap span.btn{width:140px;height:30px;float:right;margin:10px;line-height:30px;text-align:center;background:#368;box-shadow:0 0 4px #ccc;border-radius:5px;color:#fff;cursor:pointer;} </style>
网站生成app源代码是一种将网站转换为移动应用的技术,可以自动生成移动应用的源代码。这种技术的出现主要是为了提供一种简便快捷的方式来开发移动应用,特别是针对那些已经拥有网站的用户。 网站生成app源代码的过程大致分为以下几个步骤:首先,用户需要选择一个合适的网站生成app的平台,然后提供自己的网站链接和相关信息。接下来,平台会自动解析网站的内容和结构,然后生成相应的移动应用源代码。用户可以根据自己的需求对生成源代码进行自定义和修改。最后,用户可以将修改后的源代码导出,并进行APP打包和发布。 使用网站生成app源代码技术有几个明显的优点。首先,该技术节省了大量的开发时间和成本,用户不需要从头开始开发一个全新的移动应用,而是利用现有的网站内容和功能进行转化。其次,对于那些没有开发经验的用户来说,网站生成app源代码提供了一种简单易懂的方式来创建移动应用。此外,用户可以根据自己的需求对源代码进行修改和定制,使得生成的移动应用更加符合自己的品牌形象和用户体验。 然而,网站生成app源代码也存在着一些局限性。首先,由于源代码生成过程是自动化的,生成源代码可能并不是完美无缺的,需要用户进行一定程度的调整和优化。另外,由于转换的本质是从网页到移动应用的转化,因此在一些布局和功能方面可能会有限制和不足。 总而言之,网站生成app源代码技术为用户提供了一种简便快捷的方式来将网站转化为移动应用,节省了时间和成本。然而,用户仍然需要对生成源代码进行调整和优化,以保证最终生成的移动应用能够符合自己的需求。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值