博客项目的介绍与运行 - 开源博客系列（一）

博客开源有段时间了，一直也没有写相关的文章，今天先补一篇，免得一直占用着博客首页的公告！这里首先贴出源码仓库地址：https://gitee.com/icoomn 考虑到国内网速问题，所以就将仓库放在了码云（gitee）上，后续会上传一份到 github 上。

一、博客分为三个项目

1- 接口 API 项目 Blog-API

2- 管理后台项目 Blog-ADMIN

3- 博客主站项目 Blog-WEB

二、项目介绍和彼此关系

1- Blog-API

技术：NestJs + NodeJs + Prisma + SQLite

描述：与数据库做交互，为博客主站（Blog-WEB）和博客管理后台（Blog-ADMIN）提供 API 接口服务；

2- Blog-ADMIN

技术：Vue3 + Typescript + ElementPlus

描述：博客的管理后台，用于发布文章，管理留言，网站公告等等，关于博客内容的一些操作都在此后台完成，此项目依赖 Blog-API 项目；

3- BLog-WEB

技术：Nuxt3

描述：博客主站点，界面美观，大方！给用户一个良好的访问体验，内容页干净清爽，沉浸式阅读。此项目依赖 Blog-API 和 Blog-ADMIN 这两个项目

三、如何运行这三个项目

注：我使用的包管理器是 pnpm，如果你们使用的是 npm 或 yarn，执行指令时请自行切换

1- Blog-API

1、克隆项目到本地

2、进入项目目录，安装项目依赖 pnpm install

3、执行指令 npx prisma db push 生成数据库

4、执行指令 npx prisma db seed 生成初始数据，如管理员账号，博客公告等

5、执行指令 npx prisma generate 生成客户端数据模型

6、运行项目 pnpm run start

2- Blog-ADMIN

1、克隆项目到本地

2、进入项目目录，安装项目依赖 pnpm install

3、运行项目 pnpm run dev

4、初始用户名：13987654321 密码：123456

3- Blog-WEB

1、克隆项目到本地

2、进入项目目录，安装项目依赖 pnpm install

3、运行项目 pnpm run dev

第一篇博客项目相关的介绍文章就写到这了，意在帮助大家快速了解和成功运行此博客项目，注意：需要先运行 Blog-API 项目，另外两个项目才可成功运行。