vue3搭建个人博客(二次元风、前后端分离)

2,760 阅读1分钟

简介

一个开源的博客,仅用于学习和记录日常的知识点。前端使用了最新的vue3,vite2,TypeScript等主流技术开发,后端使用的是最契合Typescriptnestjs开发,数据库采用的是mysql,代码管理采用的是自己搭的轻量级gitea,后端考虑到服务器和数据库的安全性暂时代码不开源,后期整理后会开源~。

页面地址:shizuka.icu

代码地址:git.shizuka.icu/ajuna/blog2…

特性

  • 最新技术栈:使用 Vue3.2/vite2 等前端前沿技术开发
  • TypeScript: 应用程序级 JavaScript 的语言,强类型限制,便于后期的维护工作
  • 框架 在 vben admin 的基础上改造了路由、登录、构建菜单的功能,普通用户不登录可以查看文章等操作,注册登录的用户可以对文章评论进行点赞、点踩、收藏和举报。
  • 后端技术:采用的是比较成熟的 nestjs 框架,实现了比如用 redis 缓存用户登录信息,登录挤出功能,支持邮箱、手机号注册功能、短信发送采用的是阿里云短信系统,邮件采用的是腾讯的邮件系统,使用 typeorm 配合 mysql 实现数据持久化等等
  • 服务器部署、管理:采用的阿里云服务器,通过nginx代理、pm2管理后端服务。
  • 功能迭代:持续迭代改进。。。

Snipaste_2023-02-22_14-53-05.png

Snipaste_2023-02-22_14-53-47.png

功能

  • 登录注册(支持邮箱、手机号)
  • 评论(回复)、留言、评论举报、收藏文章、个人信息修改、生活点滴等 需要登录
  • 发布文章 基于用户权限
  • 更换主题皮肤
  • 色弱、色盲、(樱花、雨、雪)动态

页面样式

Snipaste_2023-02-22_14-59-05.png

Snipaste_2023-02-22_14-59-44.png

Snipaste_2023-02-22_15-00-38.png

Snipaste_2023-02-22_15-01-06.png

Snipaste_2023-02-22_15-02-51.png

持续更新中,欢迎老铁参观留言,谢谢!!!