项目:个人博客系统
项目概览
一个带后端和数据库的完整博客系统。
⏱️ 预计 3-4 小时 | 🛠️ Vue 3 + Supabase
功能清单
- 文章列表(首页)
- 文章详情页
- 分类标签筛选
- 搜索功能
- 用户登录(Supabase Auth)
- 发布/编辑/删除文章
- 评论功能
- 响应式设计
跟着做
帮我做一个完整的个人博客(Vue 3 + Supabase):
数据库:
1. Supabase 建表:articles (id, title, content, excerpt, tags, user_id, created_at)
2. 建表:comments (id, article_id, user_id, content, created_at)
前端:
1. 首页:文章列表,显示标题、摘要、标签、日期
2. 导航:支持按标签筛选
3. 文章详情:显示完整内容 + 评论区
4. 搜索:按标题搜索
5. 登录:Supabase Auth 邮箱密码登录
6. 发布文章:登录后可见,支持编辑和删除
7. 评论:登录后可评论
样式参考 Medium 的简洁阅读风格。
技术架构
Vue 3 前端 → Supabase API → PostgreSQL
↓
Supabase Auth(用户认证)
✅ 项目成果
- 一个可以真正使用的博客系统
- 掌握了 Supabase 全栈开发
- 理解了文章发布、标签、评论的设计