Skip to content

jiypa/blog-react

Repository files navigation

寄依的博客

寄依的博客

💪 永远做脚踏实地的追梦人,不要做泛泛而谈的空想家

GitHub stars GitHub forks GitHub watchers GitHub repo size GitHub last commit

👋 项目简介

项目整体采用前后端分离式开发:

  • 前端为基于 React.js 的 SPA 应用,UI 框架采用 MUI,打包工具采用 Vite,CI/CD 采用 Vercel
  • 后端采用 Egg.js 开发框架,数据库采用 MySQL

项目分为前台展示系统和后台管理系统两个子系统:

  • 前台展示系统实现功能主要包括首页、搜索、归档、工具、关于、权限认证(JWT + localStorage)等
  • 后台管理系统实现功能主要包括文章的创建、删除、修改、查询等

🖥 项目截图

PC 端

移动端

🔥 项目亮点

✅ 适配 PC 端和移动端

✅ 资源 HTTP 缓存优化

✅ 列表数据分页加载

✅ 路由懒加载 & 代码分包

✅ 图片压缩 & 资源 Gzip 压缩 & 代码打包压缩

🚀 安装 & 运行 & 构建

安装项目依赖:

npm install

启动运行项目:

npm run dev

打包构建项目:

npm run build

🎯 TODO:

⌛️ 适配暗黑模式

⌛️ 静态资源 CDN 加速

⌛️ 开放文章评论机制

⌛️ 邮箱验证 & 消息推送