想要拥有一个属于自己的“小红书”？本教程手把手教你使用宝塔面板，7步快速部署小石榴社区系统。这是一套基于Vue3+Node.js开发的高颜值图文社区源码，支持动态发布、点赞评论及后台管理。适合个人创业、私有化圈子或毕业设计参考。附带开源仓库下载地址。

项目简介

一个高仿小红书的图文社区项目，支持图文发布、社交互动等核心功能，旨在提供从前端到后端的完整实践范本

仓库地址

https://github.com/ZTMYO/XiaoShiLiu/

效果展示

视频教程

https://www.bilibili.com/video/BV14YyABYErT/?share_source=copy_web

1.演示的运行环境

nodejs v22.19.0

mysql 5.7

cnpm 9.4.0

npm 10.9.3

在宝塔nodejs管理器中安装

2.项目部署

文件下载

https://github.com/ZTMYO/XiaoShiLiu/archive/refs/heads/master.zip

下载到 /www/wwwroot/ 目录下，然后解压

3.编辑后端配置

进入

/www/wwwroot/XiaoShiLiu-master/express-project

目录下

找到

.env.example

重命名为

.env

打开编辑

主要修改这个参数

DB_PASSWORD=数据库root密码

获取root密码

打开数据库，root的密码

粘贴过去就行

config.js 也一样

4.导入数据库

5.启动后端

项目文件路径

/www/wwwroot/XiaoShiLiu-master/express-project

启动命令

npm start

包管理器

npm

后端就运行成功了

重命名前端配置

进入

/www/wwwroot/XiaoShiLiu-master/vue3-project

.env.example

重命名为

.env

6.修改前端配置

/www/wwwroot/XiaoShiLiu-master/vue3-project/.env

是否使用真实API，需要修改为false

# 是否使用真实API
VITE_USE_REAL_API=false

7.运行前端

项目目录

/www/wwwroot/XiaoShiLiu-master/vue3-project

启动命令

npm run dev

包管理器

npm

端口

5173

域名有的话就填域名，没有的话就填ip

成功搞定

8.其他

如果添加项目之后卡住并且刷新页面之后项目列表为空，这个问题应该宝塔bug，我们重新添加一次就好了

后台地址

/admin

默认用户名

admin

密码

123456

仿小红书源码,小石榴社区系统,社区系统搭建,Node.js毕业设计,Vue3开源项目,私有化部署小红书,宝塔面板教程,XiaoShiLiu,NestJS后端