博客开源有段时间了,一直也没有写相关的文章,今天先补一篇,免得一直占用着博客首页的公告!这里首先贴出源码仓库地址: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 项目,另外两个项目才可成功运行。

本文最后更新于 2024-02-04 16:23:02开源教程系列
作者:鄢云峰 YYF声明:转载请注明文章出处地址:https://www.yanyunfeng.com/article/32
评论
提交
Comments | 10 条评论