博客开源有段时间了,一直也没有写相关的文章,今天先补一篇,免得一直占用着博客首页的公告!这里首先贴出源码仓库地址: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://yanyunfeng.com/article/32
评论
提交
Comments | 12 条评论
单独2024-02-06 11:46:12
#1 回复
单独
llbj2024-02-11 00:52:26
#2 回复
大佬,特来学学你的blog怎么做的,大佬新年快乐!
鄢云峰站长2024-02-17 09:28:19
#3 回复
@llbj 新年快乐!祝你工作顺利,万事大吉~
鄢云峰站长2024-02-17 09:29:18
#4 回复
@单独 单独并不孤独,奥利给!
小前端2024-02-19 16:16:37
#5 回复
大佬,你的码云打不开
鄢云峰站长2024-02-19 16:51:29
#6 回复
@小前端 刚才是纯文本,没加超链接。现在把超链接加上了,你再点击试试
爱你的么么哒2024-02-28 19:15:57
#7 回复
牛皮
鄢云峰站长2024-03-05 10:31:30
#8 回复
@爱你的么么哒 爱你哟,斯密达😂
小冰2024-03-22 13:54:08
#9 回复
大佬,项目在宝塔如何部署
鄢云峰站长2024-03-23 11:29:07
#10 回复
@小冰 我没有用宝塔,不知道怎么部署,帮不上忙😅
/2