ZJL Blog
一个包含多种功能的个人博客
一个从静态页面走到登录、数据库、私有图片存储和线上部署的个人博客。每个模块都能打开，也都能解释实现细节。
项目入口
每个入口都不只是页面展示，而是一个可以展开讲实现细节的功能闭环。
生活
登录后展示个人日记，图片进入私有存储，数据库只保存文件路径，后端按需签发访问地址。
Auth / Storage / Signed URL / Waterfall学习
按分类组织学习记录，把阶段目标、笔记和技术复盘放在同一个视图里。
JSON / Render / Filter音乐
从本地状态管理开始，练习卡片新增、编辑、批量删除和排序。
State / LocalStorage / Interaction项目介绍
这个站点不是只完成页面展示，而是把用户登录、数据隔离、图片上传、接口联调和部署流程串成了一个完整闭环。
近期迭代
把最近几次关键改动收成一条工程日志，方便回看每一步是怎么把项目推到线上可用的。
-
前端静态部署完成
Netlify 生产地址上线，首页和模块入口可以直接访问。
-
后端 API 和数据库上线
Render API 接入 Supabase Postgres，注册登录跑通线上链路。
-
私有图片存储
日记图和头像迁移到 Supabase Storage，通过 signed URL 访问。
-
体验和工程细节打磨
补充图片压缩、Toast 反馈、模块懒加载和首页视觉整理。
我的生活分享
分享最近的生活
我的音乐收藏
记录最近喜欢的歌曲,也练习前端中的数据渲染、交互与持久化
Private Record Shelf
当前唱片台
先把这里作为视觉预览区，点击下方卡片仍然可以通过「去听」跳转到歌曲来源。
STUDY NOTES
我的学习记录
整理前端学习过程中的知识点、练习项目和阶段目标。
近期学习计划
- 完善学习板块的页面结构和样式。
- 复盘生活板块的后端接口和图片上传流程。
- 整理音乐模块中的数据渲染、编辑模式和本地存储逻辑。
Current Focus
工程化补强
模块懒加载 / 图片优化 / 部署复盘
学习笔记
ACCOUNT SETTINGS
账号设置
维护你的昵称、头像和账号状态，这里的修改会同步到顶部用户信息。
未登录
请先登录后再修改账号资料。
基本信息
设置你的公开展示昵称和头像。