📝 基于 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共同改进项目。