🎄 项目介绍
蓝云博客是一个基于 Vue3 和 Nuxt3 构建的全栈博客平台，提供了一个简洁、高效的内容发布和管理界面。
技术栈 ✨
-
客户端：Nuxt3、Pinia、Element Plus、Tailwind CSS
-
后台管理：Vue3、Pinia、Element Plus、Tailwind CSS
-
后端接口：NodeJS、Express
🎐 项目源码
项目源码地址：https://gitee.com/lanyun417/lyblog.git
shell
git clone https://gitee.com/lanyun417/lyblog.git前置要求 🎁
在部署项目前，请确保你的设备已经安装并配置好，NodeJS v18.x+、MySQL、Navicat、Git、VSCode
🥇 步骤1：克隆（下载）项目源码
- 在任意目录下执行克隆（下载）项目源码命令（需要确保 Git 已经安装配置完毕）
shell
git clone https://gitee.com/lanyun417/lyblog.git- 出现如图内容则表示项目源码克隆（下载）完成
- 依次给 admin、client、server 安装项目依赖（需要确保 NodeJS v18.x+ 已经安装配置完毕）
在对应目录下执行如下命令
shell
npm install
步骤2：创建博客所需要的 MySQL 数据库 🥈
- 在 Navicat 中新建数据库，数据库名为 lyblog
连接名可以随意输入，密码为自己数据库的密码
- 新建数据库，数据库名 lyblog
选择 server/sql/lyblog.sql 文件导入，点击 开始 导入
出现 Successfuly 则为导入完成，随后点击 关闭
右键 表 点击刷新
出现下列数据表，数据库导入就完成了
🥉 步骤3：启动博客系统
- 修改接口服务中的数据库配置信息
在 VSCode 中编辑 server/config/db.config.ts 文件（需要确保 VSCode 已经安装）
将用户名、密码修改为自己数据库的用户名和密码，如无特殊情况，其他信息无需修改
- 启动后端接口服务
在 server 目录下运行如下命令
shell
npm run dev
- 启动后台管理系统（需要新建一个 cmd 命令行窗口 - 即终端窗口）
在 admin 目录下运行如下命令
shell
npm run dev
启动成功后浏览器会自动打开页面，登录的用户名为：admin，密码为：123456
- 启动客户端
在 client 目录下运行如下命令
shell
npm run dev
启动成功后浏览器会自动打开页面，此时可能会看到如下页面，这是客户端正在加载的页面，等待即可
完结
客户端页面
后台管理系统
如在部署过程中出现问题，可以联系作者，或加入QQ群交流询问。(*￣︶￣)