开源 vue3 + nest + mysql 简约的个人博客

976 阅读1分钟

「这是我参与2022首次更文挑战的第2天,活动详情查看:2022首次更文挑战」。

前言

以前也搭建过自己的博客,利用typechowordpress等等,后面觉得自己就是学前端的,就为了巩固自己的技术,以及让自己了解前后端,以及上线的整个过程,就利用课余时间断断续续开发了这个博客。

☀️博客主要使用到的技术如下:

前端(博客页面+后台管理):

  • Nuxt.js(博客页面)
  • 状态集中管理工具Pinia(后台管理)
  • 前端路由Vue-Router
  • 原子CSStailwindcss
  • 组件库Naive
  • 一言提供首页的诗句
  • markdown格式渲染工具@kangc/v-md-editor
  • 其他第三方包

后端:

后端使用Nest.js作为框架,包括但不限于:

  • 用户管理:登录、注册
  • 评论回复的邮箱提醒API,使用nodemailer编写
  • 评论审核,使用华为云内容审核-文本(月调用量 < 1000,免费!!😀)
  • 数据库:使用Mysql存储博客的数据

其他:

  • 已配置SSL证书,开启HTTPS访问
  • 对象存储使用七牛云OSS

前台

image.png

后台

image.png

目前功能

前台

  • 文章
  • 作品
  • 建站日志
  • 评论/回复
  • 文章目录
  • 搜索功能
  • 自定义页面
  • 响应式布局

后台

  • 登录
  • 文章管理
  • 评论管理
  • 标签管理
  • 友链管理
  • 分类管理
  • 作品管理
  • 建站日志管理
  • 页面管理
  • 邮件管理

项目地址

预览地址

前台地址 后台地址

后台浏览需要注册

源码地址 点我

觉得不错希望大家给个start ,有什么问题可直接issuse

最后

由于水平有限,会在自己技术不断进步下,继续将此博客继续完善。欢迎大家多多提建议