使用宝塔搭建一个类似于小红书的图文社区!小石榴社区系统

作者:nctcpc 发表于:2025-11-13

项目简介

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

效果展示

使用宝塔搭建一个类似于小红书的图文社区!小石榴社区系统

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

启动命令

npm run dev

包管理器

npm

端口

5173

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

成功搞定

使用宝塔搭建一个类似于小红书的图文社区!小石榴社区系统

7其他

如果启动失败就去这个目录,然后打开终端

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

执行

cnpm install

使用宝塔搭建一个类似于小红书的图文社区!小石榴社区系统

完成后再启动就可以了

后台地址

/admin

默认用户名

admin

密码

admin123


文章来源:樱花云社区   博主亲测教程有效

版权声明

本文仅代表作者观点,不代表京强博客立场。
本文系作者授权百度百家发表,未经许可,不得转载。

分享:

扫一扫在手机阅读、分享本文

请发表您的评论

您是本站第3名访客 今日有0篇新文章/评论