开源免费！7步搭建一个类似小红书的社区系统（小石榴）

项目简介

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

仓库地址

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

9.设置本地存储

编辑

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

找到

# 本地存储配置
LOCAL_UPLOAD_DIR=uploads
LOCAL_BASE_URL=http://localhost:3001

字段

把后面的localhost修改为你的后端ip

然后服务器打开3001端口

就好了