📝 基于 Vue、Nuxt、Nest.js 开发的前后端分离的个人博客系统
项目地址
前台地址: https://blog.lsyboy.cn
后台地址: https://admin.lsyboy.cn（需注册）
Github: https://github.com/da34/blogs.git
介绍
以前也搭建过自己的博客，利用typecho、wordpress等等，后面觉得自己就是学前端的，就为了巩固自己的技术，以及让自己了解前后端，以及上线的整个过程，就利用课余时间断断续续开发了这个博客。
☀️技术栈：
前端（博客页面+后台管理）：
Nuxt.js（博客页面）- 状态集中管理工具
Pinia（后台管理） - 前端路由
Vue-Router - 原子CSS
tailwindcss - 组件库
Naive - 一言提供首页的诗句
markdown格式渲染工具@kangc/v-md-editor- 其他第三方包
后端：
后端使用Nest.js作为框架，包括但不限于：
- 用户管理：登录、注册
- 评论回复的邮箱提醒API，使用
nodemailer编写 - 评论审核，使用华为云的
内容审核-文本（月调用量 < 1000，免费！！😀） - 数据库：使用
Mysql存储博客的数据
其他：
- 已配置SSL证书，开启
HTTPS访问 - 对象存储使用七牛云OSS
项目截图
目前功能
前台
- 文章
- 作品
- 建站日志
- 评论/回复
- 文章目录
- 搜索功能
- 自定义页面
- 响应式布局
后台
- 登录
- 文章管理
- 评论管理
- 标签管理
- 友链管理
- 分类管理
- 作品管理
- 建站日志管理
- 页面管理
- 邮件管理
运行
注意事项
- 后端的
prod.env.example和dev.env.example这两个配置文件，去掉后面的.example然后再把里面的配置补全 - 前台如果打包的静态资源不上传cdn，需要把
nuxt.config.js里的publicPath删除 - 前台上传到七牛云cdn就需要配置，把
upload.example.js配置写上，然后把.example删除， 然后执行npm run upload
最后
由于水平有限，会在自己技术不断进步下，继续将此博客继续完善。欢迎大家多多提建议
您的start ⭐是我坚持的动力，感谢大家的支持，欢迎提交pr共同改进项目。