ThriveX 前端项目部署

本教程将以三种方式进行项目部署，分别是：宝塔、Vercel、Docker，下面直接进入主题

宝塔部署

1、下载项目，配置相关信息，打包

前端项目地址：https://github.com/LiuYuYang01/ThriveX-Blog

因为前端技术栈为Nextjs，所以在打包时候体积非常非常大，在 GitHub平台我估计上传不了这么大的文件且因为网络问题可能会导致下载失败。所以这里大家将项目下载到本地，用编辑器打开，配置后端域名然后自行打包。

本地环境：Nodejs18+

2、将项目上传到服务器

将刚刚打包生成的 .next和项目根目录的package.json、package-lock.json 文件上传到服务器

3、安装 Nodejs 环境

• 选择国内镜像
• 找到 Nodejs 20 版本，点击右侧安装按钮
• 如果没有对应的20版本，点击右侧更新版本列表再找一下

4、创建项目

5、访问项目

https://blog.liuyuyang.net/

Vercel 部署（推荐）

前端项目采用了宝塔部署，那么控制端项目我就换一种方式教大家

1、注册 Vercel 账号

官网：https://vercel.com/ (科学上网)

注册成功并登录后会看到这样的界面，这些都是部署的应用程序

我们点击右侧 Add New -> Project 按钮创建项目

2、部署项目

控制端项目地址：https://github.com/LiuYuYang01/ThriveX-Admin

2.1 点击 Fork 按钮 克隆项目到自己的仓库

2.2 找到刚刚 Fork 的项目 点击 Import 导入

2.3 如果不显示刚刚 Fork 的项目就手动导入（尽量在项目列表导入，否则后续会很麻烦），剩下的流程都是一样的

2.4 当看到这个界面就表示部署没问题了

3、自定义域名

需要注意的是 Vercel 是国外的平台，因此部署的网站默认只能翻墙访问，但我们可以配置国内 cdn 解决这个文件

4、替换为自己的后端域名

• 在自己的 GitHub 仓库找到刚刚在 Vercel 创建的仓库 my-blog
• 进入到 src -> urils -> request.ts 文件夹，点击右侧编辑按钮
• 替换为自己的后端域名
• 点击右侧 Commit changes 按钮保存
• 保存之后等待 Vercel 自动重新部署

这里我补充一下，配置自己的后端域名时必须是 https协议，图文中 http是错误的

5、配置环境变量

百度接口申请地址：https://tongji.baidu.com/api/manual/Chapter2/openapi.html

星火大模型接口申请地址：[https://www.xfyun.cn/](https://www.xfyun.cn/](https://www.xfyun.cn/](https://www.xfyun.cn/))

# 百度统计相关配置
VITE_BAIDU_TONGJI_KEY=
VITE_BAIDU_TONGJI_SECRET_KEY=
VITE_BAIDU_TONGJI_SITE_ID=
VITE_BAIDU_TONGJI_ACCESS_TOKEN=
VITE_BAIDU_TONGJI_REFRESH_TOKEN=

# 星火AI相关配置
VITE_AI_APIPassword=
VITE_AI_MODEL=

6、部署成功

默认账号：admin 密码：123456

Docker 部署

持续更新

交流群

加微信进群：liuyuyang2023

拒绝白嫖，问问题先点 Star + Fork，感谢支持！

技术支持 50 元不议价，包含（远程安装 + 3 天内答疑服务）