宝塔面板安装kanle程序全教程

原创小予朋友圈博客 2026年7月12日 19:43 湖北省

首先啊，docker安装的bug太多了，而且容易崩溃，现在我就用手动部署来一遍，手把手教大家怎么安装，还是用宝塔面板

宝塔面板

首先，安装宝塔之后，选择环境，我建议选择下面这一套，因为这套程序不需要php，所以直接不勾选就好了

等待安装成功之后，我们需要安装 node、npm、pm2、pnpm，所以，我们需要安装插件

如图，安装Node.js版本管理器即可，然后我们来选择node版本，在插件那里点击设置，选择node版本，尽量选择16以上的，我选择一个20版本来测试

注意，如果说你的node版本只有18啥的，没有这么新，点击更新列表，就行了，然后选择自己的版本，尽量选择稳定版，然后点击安装，安装成功之后，可以点击模块，然后输入pnpm再进行安装，保证有这四个环境就好，如果环境有的没有到位可以问豆包，直接截图发报错问豆包就行

然后接下来我们git程序到我们的服务器这里，你可以手动下载或者进群下载都行，然后我们git有三种指令方法：

Shell

1 2 3 4 5 6 7 8 9 10 11

# 安装路径（可自定义，后续 Nginx 配置需对应修改）
INSTALL_DIR=/opt/kanle

# 方式 A：从 Gitee 克隆（国内推荐）
git clone https://gitee.com/ziln_cn/kanle.git $INSTALL_DIR

# 方式 B：从 Gitee 克隆开发版
# git clone https://gitee.com/ziln_cn/kanle-next.git $INSTALL_DIR

# 方式 C：从 GitHub 克隆
# git clone https://github.com/zilinnb/kanle.git $INSTALL_DIR

git完成之后，我们就会得到kanle这个目录，目录里面就会出现如图的情况

部署后端

然后我们可以点击终端，在这里面点击终端，输入下面指令：

Shell

1 2 3 4 5 6 7 8

#进入后端目录
cd backend

# 安装依赖
pnpm install

# 配置环境变量
cp .env.example .env

注意填写这三个数据，分别是：

Text

1 2 3

DB_USER=kanle        # 数据库用户名
DB_PASSWORD=change-me# 数据库密码（这里是占位符，务必替换成真实密码）
DB_NAME=moment_blog  # 要使用的数据库名

就比如说，我添加的数据库是图一的，那么图二就应该这样写

数据库操作完成之后，我们就开始进行构建并初始化数据库：

Shell

1 2 3 4 5

# 编译 TypeScript
pnpm build

# 初始化数据库表 + 创建管理员账号
pnpm db:seed

注意：如果报错，可以去问豆包，并且把报错的东西发送给豆包，然后输指令来进行构建

用 PM2 启动：

Shell

1 2

pm2 start ecosystem.config.js
pm2 save

验证后端是否正常：

Shell

1 2

curl http://localhost:4000/api/health
# 返回 JSON 即正常

部署前端

现在我们再回到kanle目录下的frontend文件夹，然后点击上面的终端

然后输入下面的指令：

Shell

1 2 3 4 5 6 7 8 9 10 11 12

# 安装依赖
pnpm install

# 配置环境变量
cp .env.example .env.local

# 复制静态资源到 standalone 目录（必须执行，否则页面样式丢失）
cp -r .next/static .next/standalone/.next/static

# 用 PM2 启动
pm2 start ecosystem.config.js
pm2 save

注意：如果出现了[ERR_PNPM_IGNORED_BUILDS] Ignored build scripts: sharp@0.34.5报错，请输入以下指令来修复

Text

1 2 3 4 5 6 7 8 9 10

# 交互式批准 sharp 构建脚本
pnpm approve-builds
# 出现列表后，用空格键选中 sharp，回车确认

# 批准后重新安装
rm -rf node_modules
pnpm install

# 确认无 ERR_PNPM_IGNORED_BUILDS 后再构建
pnpm build

差不多这样就算是成功了，测试地址：https://demo.kanle.net
账号：admin
密码：123456

Ai部署

这边建议使用Trae来进行部署，首先我们在浏览器输入网址：https://www.trae.cn/
然后我们打开软件，进入软件首页，我们从github或者gitee上面下载源码，解压到位置

Text

1 2 3 4 5 6 7 8

这是一个kanle程序项目，请你认真阅读前后端部署文档教程以及GitHub的教程，然后帮我在我的服务器上面进行部署这套代码

kanle程序官方部署：
GitHub地址：

我的服务器ssh连接：IP
账号：root
密码：

直接填写本文档的地址和GitHub的地址，以及你自己服务器的iP以及连接信息就行了，然后Ai就可以帮你安装环境变量以及部署整套程序

GitHub - zilinnb/kanle: 一款朋友圈博客程序一款朋友圈博客程序. Contribute to zilinnb/kanle development by creating an account on GitHub.

二开以及修bug

如果你觉得这个程序有问题，或者你想使用Ai二开，也是可以的，因为本程序本身就是ai项目，使用ai二开也完全支持，首先我们需要在IDE里面告诉ai：

Text

这是一套类似于朋友圈的程序，请你认真分析前后端代码，深入底层，以及ui设计，核心代码，深刻解读，并且学习这套程序的代码以及ui设计，以及思路！！！

然后等它分析之后，你再进行修改即可

升级和备份

暂时不想写，你们还是用ai吧

阅读 219点赞 10

留言3

zane山东昨天

厉害大佬

首评

免费算命广西昨天

文章不错支持一下，非常喜欢

小予

宝塔面板安装kanle程序全教程

原创小予朋友圈博客 2026年7月12日 19:43 湖北省

首先啊，docker安装的bug太多了，而且容易崩溃，现在我就用手动部署来一遍，手把手教大家怎么安装，还是用宝塔面板

宝塔面板

首先，安装宝塔之后，选择环境，我建议选择下面这一套，因为这套程序不需要php，所以直接不勾选就好了

等待安装成功之后，我们需要安装 node、npm、pm2、pnpm，所以，我们需要安装插件

如图，安装Node.js版本管理器即可，然后我们来选择node版本，在插件那里点击设置，选择node版本，尽量选择16以上的，我选择一个20版本来测试

然后接下来我们git程序到我们的服务器这里，你可以手动下载或者进群下载都行，然后我们git有三种指令方法：

Shell

1 2 3 4 5 6 7 8 9 10 11

# 安装路径（可自定义，后续 Nginx 配置需对应修改）
INSTALL_DIR=/opt/kanle

# 方式 A：从 Gitee 克隆（国内推荐）
git clone https://gitee.com/ziln_cn/kanle.git $INSTALL_DIR

# 方式 B：从 Gitee 克隆开发版
# git clone https://gitee.com/ziln_cn/kanle-next.git $INSTALL_DIR

# 方式 C：从 GitHub 克隆
# git clone https://github.com/zilinnb/kanle.git $INSTALL_DIR

git完成之后，我们就会得到kanle这个目录，目录里面就会出现如图的情况

部署后端

然后我们可以点击终端，在这里面点击终端，输入下面指令：

Shell

1 2 3 4 5 6 7 8

#进入后端目录
cd backend

# 安装依赖
pnpm install

# 配置环境变量
cp .env.example .env

注意填写这三个数据，分别是：

Text

1 2 3

DB_USER=kanle        # 数据库用户名
DB_PASSWORD=change-me# 数据库密码（这里是占位符，务必替换成真实密码）
DB_NAME=moment_blog  # 要使用的数据库名

就比如说，我添加的数据库是图一的，那么图二就应该这样写

数据库操作完成之后，我们就开始进行构建并初始化数据库：

Shell

1 2 3 4 5

# 编译 TypeScript
pnpm build

# 初始化数据库表 + 创建管理员账号
pnpm db:seed

注意：如果报错，可以去问豆包，并且把报错的东西发送给豆包，然后输指令来进行构建

用 PM2 启动：

Shell

1 2

pm2 start ecosystem.config.js
pm2 save

验证后端是否正常：

Shell

1 2

curl http://localhost:4000/api/health
# 返回 JSON 即正常

部署前端

现在我们再回到kanle目录下的frontend文件夹，然后点击上面的终端

然后输入下面的指令：

Shell

1 2 3 4 5 6 7 8 9 10 11 12

# 安装依赖
pnpm install

# 配置环境变量
cp .env.example .env.local

# 复制静态资源到 standalone 目录（必须执行，否则页面样式丢失）
cp -r .next/static .next/standalone/.next/static

# 用 PM2 启动
pm2 start ecosystem.config.js
pm2 save

注意：如果出现了[ERR_PNPM_IGNORED_BUILDS] Ignored build scripts: sharp@0.34.5报错，请输入以下指令来修复

Text

1 2 3 4 5 6 7 8 9 10

# 交互式批准 sharp 构建脚本
pnpm approve-builds
# 出现列表后，用空格键选中 sharp，回车确认

# 批准后重新安装
rm -rf node_modules
pnpm install

# 确认无 ERR_PNPM_IGNORED_BUILDS 后再构建
pnpm build

差不多这样就算是成功了，测试地址：https://demo.kanle.net
账号：admin
密码：123456

Ai部署

Text

1 2 3 4 5 6 7 8

这是一个kanle程序项目，请你认真阅读前后端部署文档教程以及GitHub的教程，然后帮我在我的服务器上面进行部署这套代码

kanle程序官方部署：
GitHub地址：

我的服务器ssh连接：IP
账号：root
密码：

直接填写本文档的地址和GitHub的地址，以及你自己服务器的iP以及连接信息就行了，然后Ai就可以帮你安装环境变量以及部署整套程序

GitHub - zilinnb/kanle: 一款朋友圈博客程序一款朋友圈博客程序. Contribute to zilinnb/kanle development by creating an account on GitHub.

二开以及修bug

Text

这是一套类似于朋友圈的程序，请你认真分析前后端代码，深入底层，以及ui设计，核心代码，深刻解读，并且学习这套程序的代码以及ui设计，以及思路！！！

然后等它分析之后，你再进行修改即可

升级和备份

暂时不想写，你们还是用ai吧

阅读 219点赞 10

留言3

zane山东昨天

厉害大佬

首评

免费算命广西昨天

文章不错支持一下，非常喜欢

小予