首页 前端知识 vue3个人博客,从零到一搭建

vue3个人博客,从零到一搭建

2024-08-24 23:08:43 前端知识 前端哥 643 504 我要收藏

vue3.2 + ts + vite + nestjs从零搭建个人博客

  • 简介
    • 特性
    • 功能
    • 页面样式
    • 持续更新中,欢迎老铁参观留言,谢谢!!!

简介

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

页面地址:https://shizuka.icu

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

特性

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

功能

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

页面样式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16729.html
标签
评论
发布的文章

jQuery File Upload 使用教程

2024-09-03 02:09:33

jQuery笔记

2024-05-03 18:05:51

jQuery-Spectragram 使用教程

2024-09-03 02:09:26

echarts问题汇总

2024-09-03 02:09:12

echarts自定义悬浮提示

2024-09-03 02:09:12

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!