返回项目展示

个人博客系统

2025年10月21日 2分钟阅读 0 次阅读
Vue.js Node.js MongoDB

项目简介

这是一个功能完整的个人博客系统，采用前后端分离架构，提供了丰富的博客管理和展示功能。

技术栈

前端

  • Vue 3 + Vite
  • Vue Router
  • Pinia 状态管理
  • TailwindCSS
  • Markdown 编辑器

后端

  • Node.js + Express
  • MongoDB 数据库
  • JWT 身份验证
  • RESTful API

主要功能

1. 文章管理

  • ✅ Markdown 编辑和预览
  • ✅ 文章分类和标签
  • ✅ 草稿箱功能
  • ✅ 文章搜索

2. 用户系统

  • ✅ 用户注册和登录
  • ✅ 个人资料管理
  • ✅ 头像上传

3. 评论系统

  • ✅ 多级评论
  • ✅ 评论点赞
  • ✅ @ 提醒功能

4. 其他功能

  • ✅ 响应式设计
  • ✅ 暗黑模式
  • ✅ SEO 优化
  • ✅ 代码高亮

项目亮点

  1. 性能优化：使用 Vite 构建，首屏加载时间减少 40%
  2. 用户体验：流畅的动画效果和交互反馈
  3. 代码质量：TypeScript + ESLint 保证代码质量
  4. 安全性：完善的权限控制和数据验证

项目截图

首页
文章详情
后台管理

安装和运行

1
2
3
4
5
6
7
8
9
# 克隆项目
git clone https://github.com/username/blog-project.git

# 安装依赖
cd blog-project
npm install

# 启动开发服务器
npm run dev

未来计划

  • 添加 GraphQL 支持
  • 实现实时协作编辑
  • 集成 AI 写作助手
  • 支持多语言

总结

通过这个项目，我深入学习了前后端分离架构，掌握了 Vue 3 的 Composition API，并积累了大量的工程实践经验。