声明: 本文章出现的网站源码非我所创,此处为原作者github上的仓库,原作者项目交流QQ群:618385100,请尊重他人创作
前言
凛拓跋!想要建造一个AI翻译的站点吗,接下来跟着教程操作手把手部署站点吧!
我这里用的是SIPC大佬制作的Lyrify,Lyrify 是一个聚合翻译网站,旨在结合多种翻译服务,提供全面的多语言翻译功能
它的特性
- 聚合多种翻译服务:支持 ChatGPT、Gemini、DeeplX、Microsoft、Google、Niutrans、M2m100
- 简单易用:用户友好的界面,使用户能够轻松输入和获取翻译结果。
- 多语言支持:覆盖多种语言,支持用户在不同语言之间进行翻译。
- 轻量部署:基于 Nextjs 构建,支持 Docker 等部署方式。
以下为站点页面示例
前期准备工作
准备一台云服务器/虚拟主机
新手入门肯定推荐选择云服务器或者虚拟主机,不过如果你已经拥有了服务器或虚拟主机,请在目录中跳转到下一步
这里推荐使用雨云的服务器,新手绑定微信可享受5折优惠券以及后续一系列福利,同时签到领取的积分可以用于续费自己的服务器,我得网站就是使用的雨云服务器。
-
选择服务器配置与地区
点击你所访问的服务器厂商页面,会进入类似于如下的页面(虚拟主机类似)
我们会看到,可以选择服务器的地区与配置。新手推荐购买的是香港或者国外地区的服务器,ip价格会比国内的便宜不少,而且网站无需备案。
如果你是雨云用户,服务器建议选购的是 [美国洛杉矶极速二区-Xeon® E5v4-KVM 入门版] 或是 [美国洛杉矶极速二区-Xeon® E5v4-KVM 标准版] ,这两个实现基本的建站要求是绝对足够的。 -
选择操作系统与ip
向下滑动,会看到选择操作系统与ip的配置
操作系统这里推荐选择Ubuntu系统,如果你不打算安装宝塔面板的,可以安装Ubuntu 22.04,反之安装20.04
而公网ip这边,选择独享公网ip模式(独立ip),不推荐使用nat共享ip模式(不至于为了省5块钱),至于要不要选择高防,就看你的实际的使用需求了
准备一个域名并解析
好了,现在你就选购完了你自己的云服务器了,不过没有域名其他人可不能访问你的网站哦。你们在西部数码或者其他域名注册平台中注册一个自己的域名,如果经济实力不允许,可以在雨云、热陈二级域名等地方白嫖域名,也可以联系我,我免费提供二级域名(未备案)
接下来就需要将域名解析到自己的服务器上,拿雨云和西部数码举例:
在雨云免费二级域名中,子域名就是XXX.ates.top中的XXX部分,至于是否启用免费的CDN,如果你主要面向国内用户,不推荐开启,开启了反而变减速器
而如果你不是在雨云购买的服务器,则需要选择自定义地址,在记录值中填入你服务器的ip(至于2000积分,完成雨云中的任务就能轻松得到了)
———————————————————————————————————————
在西部数码域名解析页面中,你会发现有主机名、类型、线路类型、对应值、TTL、优先级这几项,实际上你只要管主机名、类型、对应值就好了
主机名:当主机名为@时,你可以理解为就是把XXXX.com绑定到了你服务器上,而当为www或者其他的时,就是把XXXX.XXXX.com绑定到了你服务器上,而当主机名为*,就是把所有的二级域名绑定到了你服务器上,而不是指定的子域名
类型:常用的就是txt,A记录和CNAME了,如果你要把域名绑定到服务器上就要用到A记录
对应值:如果选的A记录,这里填的就是你的服务器ip
也就是最后推荐你们添加两项解析记录
www|@ A 默认 你的ip 600
* A 默认 你的ip 600
配置服务器基础环境
如果你选购的是虚拟主机或已进行相关操作,请跳过该过程
当你新购买一个服务器时,你就需要对于服务器的基础环境进行配置,不过不用担心,跟着教程一步一步来即可awa。
连接上自己的服务器
购买完了服务器肯定需要连接上服务器去管理他,请根据教程进行操作吧
如果你是雨云用户,在服务器管理面板界面可以看到蓝色的远程链接(VNC),点击后选择Xtermjs模式,这样就会进入到一个终端页面(类似于window系统的cmd,如下)
其他云服务器厂商如果有相关功能也可以使用,如果没有,我们就需要使用SSH连接自己的服务器了
我一般使用FinalShell进行对我服务器的SSH链接(虽然该软件有收费项,但是免费功能够你用了,不要使用盗版,这会严重影响你服务器的安全性!),以下是使用教程
- 在下载完程序后,点击进入,就会进入到这个页面
- 点击左上角标签页旁边的蓝色文档图标,点击SSH链接
之后就会跳出来关于SSH连接设置的相关内容
名称:这个可以随便填,类似与命名这种
主机:填入你的服务器公网ip,端口可以不管他
方法选择密码
用户名与密码:在服务器面板中找到远程连接信息栏,里边就有
之后就能连接上自己的服务器了
安装服务器面板
服务器面板可以更好让你管理你的服务器,国内有很多面板的选择,就比如说现在用的用户很多的宝塔面板 ,1p面板 ,又或者是像 wdcp面板 ,小皮面板 这种,下文将围绕宝塔面板安装与使用进行,其他面板操作类似
- 在服务器终端中,输入以下指令安装宝塔面板
wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec
- 等待其安装完毕后,会在终端中提示面板的账号与密码,我们需要通过在浏览器访问外部面板地址,输入账号密码即可访问宝塔面板。
在一次登录后,可以在终端输入bt 5
修改账号密码,bt 6
修改账号名,方便自己下一次的登录
现在成功将宝塔面板安装到自己的服务器上了,你会看到以下界面(在选完安装套件后):
安装LNMP或LAMP
LNMP和LAMP是两种常见的服务器软件栈,它们的全称如下:
LNMP:Linux, Nginx, MySQL, PHP
–Linux:操作系统,服务器端常用的操作系统之一。
–Nginx:Web服务器软件,用于处理HTTP请求和提供网页内容。
–MySQL:数据库管理系统,一种关系型数据库,用于存储网站数据。
–PHP:服务器端脚本语言,用于生成动态网页内容。
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
LAMP:Linux, Apache, MySQL, PHP
–Apache:Web服务器软件,是另一种广泛使用的Web服务器。
–其余相同
如果你要建站,这两个是必选一个的,一般选择LNMP,不过请具体请根据实际情况来定
如果说你安装了宝塔面板,那么在首次进入宝塔面板时,就会弹出提示安装
点击一键安装就好了,如果你有足够的时间去等待,点击编译安装也可以
如果你不是宝塔面板的用户,且你的面板没有为你提供一键安装项,则可以使用LNMP一键包这个安装包保持每年6.1的大版本更新。
wget http://soft.vpser.net/lnmp/lnmp1.9.tar.gz -cO lnmp1.9.tar.gz && tar zxf lnmp1.9.tar.gz && cd lnmp1.9 && ./install.sh lnmp
如果要安装lamp,只要在结尾改成lamp就好了
安装Docker
请确认你的服务器是否安装了docker,你可进入面板右侧的docker项查看,如没有请安装
一般的面板都提供了安装办法
安装node.js与npm
第一种直接控制台安装
#对于基于Debian的系统(如Ubuntu),使用apt:
sudo apt update
sudo apt install nodejs npm
#对于基于Red Hat的系统(如CentOS),使用yum或dnf:
sudo yum install -y nodejs npm
#或者在支持dnf的系统
sudo dnf install -y nodejs npm
第二种,在宝塔的nodejs管理器中,建议安装新版本的稳定版
安装完后可以用以下指令验证一波
node -v
npm -v
AI翻译站点部署与配置
现在的你已经完成了前期的所有准备工作,可以开始部署与配置音乐站点了!
部署Splayer
首先,我们需要下载相关文件,可以在文章上方找到或者蓝奏云上下载,不过如果你能流畅访问github的话,可以到作者本人的仓库中下载
也可以直接cd到指定文件夹,然后git clone https://github.com/SIPC/lyrify
- 在宝塔面板左边中找到网站项,点击进入后,点击绿色的添加站点内容
- 在域名中,填入你的域名
- 前往新建网站的根目录下(其实其他地方也可以啦),将之前下载的AI翻译站点的文件放进并解压,就像酱紫(如果直接git的请忽略)
4.然后进入到终端,进行下面的连招(请确认安装了docker和npm),输入以下连招
#1.使用Doker方式部署
#------------------
##进入到网站项目文件夹
cd /XXXX/XXXXX//lyrify #文件地址根据实际位置来填
##回到 lyrify 文件夹中,创建一个.env的文件根据 .env.example 文件中的示例配置你的API密钥和代理设置
docker run -d --name lyrify \
-p 3000:3000 \ #其中的数字可以改成没有占用过的端口
-e ChatNio_API_KEY="$chatnio_api_key" \
-e OpenAI_API_ENDPOINT="$openai_api_endpoint" \
-e OpenAI_API_KEY="$openai_api_key" \
-e OpenAI_MODEL="$openai_model" \
-e Gemini_API_ENDPOINT="$gemini_api_endpoint" \
-e Gemini_API_KEY="$gemini_api_key" \
-e NIUTRANS_KEY="$niutrans_key" \
-e DEEPL_X_API_URL="$deepl_x_api_url" \
-e BAIDU_APP_ID="$baidu_app_id" \
-e BAIDU_KEY="$baidu_key" \
-e QWEN_API_ENDPOINT="$qwen_api_endpoint" \
-e QWEN_API_KEY="$qwen_api_key" \
-e QWEN_MODEL="$qwen_model" \
-e GLM_API_ENDPOINT="$glm_api_endpoint" \
-e GLM_API_KEY="$glm_api_key" \
-e GLM_MODEL="$glm_model" \
sipcink/lyrify:latest
#2.一键部署脚本
#------------------
##进入到网站项目文件夹
cd /XXXX/XXXXX//lyrify #文件地址根据实际位置来填
##回到 lyrify 文件夹中,创建一个.env的文件根据 .env.example 文件中的示例配置你的API密钥和代理设置
##使用一键部署脚本
bash -c "$(curl -fsSLk https://raw.githubusercontent.com/SIPC/Lyrify/main/setup.sh)"
#3.本地环境手动部署(***不推荐新手***)
#------------------
##进入到网站项目文件夹
cd /XXXX/XXXXX//lyrify #文件地址根据实际位置来填
##安装依赖
npm install
##回到 lyrify 文件夹中,创建一个.env的文件根据 .env.example 文件中的示例配置你的API密钥和代理设置
##构建项目
npm run build
##启动服务器
npm run start
- 回到面板,进入安全项,放行3000这个端口(或者你之前配置的)
ok啊,现在你就完成了站点搭建的所有工作,可以访问你的ip:端口
来确认网站是否配置完成
将网站绑定到自己域名上
现在你要访问刚刚搭建的网站是不是 公网ip:端口
这么访问的呢,这种访问方式影响用户体验也影响了你服务器的安全,那么该如何绑定呢
之前不是用网站创建了一个站点了吗,可以访问网站的管理页面,选择反向代理,输入刚刚的公网ip:端口
就好了!
结尾
同样也是比较水的文章,如果你有啥好想法请及时告诉我