⚡ 简介 introduction

一个前后端分离的个人博客项目

已适配移动端、PC端，适合新手用于学习。

前台

博客前台基于 vue3、element plus、pinia、axios、vue-router、vue-cli、vue-use、npm、scss 等主流技术

前台线上预览地址：http://mrzym.top

gitee 仓库地址：https://gitee.com/mrzym/blog-v3

管理后台

博客管理后台基于 pureadmin、vue3、element plus、pinia、axios、vue-router、vue-use、pnpm、vite、sass、tailwindcss 等主流技术

后台线上预览地址：http://mrzym.top/admin

gitee 仓库地址： https://gitee.com/mrzym/blog-v3-admin

测试账户: test

密码: test123

也可以自行注册用户

后端

博客后端基于 node.js、koa、koa-router、koa-body、seqlize、mysql、qiniu(七牛云对象存储)、bcryptjs、nodemon 等主流技术

gitee 仓库地址：https://gitee.com/mrzym/blogServer

🚀 博客后台管理系统下载运行

# pnpm 版本 v7.26.3
# node 版本 v16 v18 都可

1、下载项目
git clone https://gitee.com/mrzym/blog-v3-admin.git
tips: 也可以下载zip打开，这样不会和我的仓库关联，也可以自己去解除关联
2、打开项目，安装依赖
pnpm i
3、运行项目
pnpm run serve

✔️ 预览

功能总览

模块	功能
首页	代码热力图、博客数据展示
文章管理	文章新增、编辑、删除、置顶、公开、私密、搜索
用户管理	编辑用户角色、用户信息
标签管理	标签新增、编辑、删除
分类管理	分类新增、编辑、删除
相册管理	相册新增、编辑、删除
说说管理	说说新增、编辑、删除、恢复
相册详情管理	相册内的图片新增、删除、恢复
博客信息管理	博客信息编辑(博客公告、博主信息、博客名称等)
博客背景管理	管理博客每个页面的背景图
个人信息管理	管理当前登录人的个人信息
留言管理	留言删除
友链管理	友链审核、编辑、删除

🛫 期待

功能开发

还留了一个评论管理，接口是写好了的，有兴趣的可以去写一写页面，对一对接口

🌈 部署

博客文章会出一系列的部署教程

教程地址：http://mrzym.top/#/articleList?id=2&type=category&name=%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2

🥰 感谢

感谢我所使用的这些技术框架的开发者、维护者，每一个框架、库的开发，都需要长时间的技术沉淀，充分的思考与不断地踩坑。维护开源库所需要花费的时间和精力更是常人所难以想象的。

如果大家喜欢这个项目的话，麻烦大家点个 star、fork，你们的鼓励是我最大的动力。