饶江的数字花园Weather-first journal
首页文章瞬间收藏项目关于
动漫相册

Long-form, quick notes, curated channels

饶江的数字花园

一个结合天气氛围、三维场景与长期内容经营的个人博客。

GitHubBilibiliEmail

Three.js · GSAP · Dynamic Weather

让天气成为首页的一部分

用 8px 网格、毛玻璃导航、Three.js 场景和 GSAP 节奏,把博客做成一座可以长期生长的数字花园。

晴昼青蓝 / 海盐青 / 暖珊瑚Shanghai 26°C夜间场景
体感29°C
风速6.5 km/h
主题system
状态cloudy

Featured Writing

最近文章

查看全部
把首页做成会随天气呼吸的界面

2026.04.08 · 6 min

把首页做成会随天气呼吸的界面

从信息架构、背景层和主题切换入手,把真实天气融入首屏体验,而不是只做一张天气卡片。

Three.jsGSAPDesign System
为什么个人博客需要统一动效速度

2026.04.06 · 4 min

为什么个人博客需要统一动效速度

把动画速度做成 token 后,页面就会从零散的演示感,变成有秩序的品牌感。

MotionUX

Collection Channels

收藏频道

进入收藏

aurora

动漫

记录那些会反复回看的作品、角色与镜头语言。

poster独立页面SEO

mist

相册

照片、截图和视觉碎片,适合用来构建个人语境。

gallery独立页面SEO

Project Feed

项目和瞬间放在同一条叙事线上

项目负责承载完整的方法论,瞬间则负责记录过程里的节奏变化。两者一起构成长期更新的博客人格。

Climate Garden Blog

Next.js · Prisma · PostgreSQL · Three.js · GSAP

Climate Garden Blog

一个将天气、3D 场景和内容管理系统整合到一起的个人博客架构实验。

Next.jsPrismaPostgreSQLThree.jsGSAP
Unified Motion Tokens

Design Tokens · GSAP

Unified Motion Tokens

为设计系统建立统一的动效速度和节奏层级。

Design TokensGSAP

2026.04.08

今天把导航改成了雾面玻璃

毛玻璃不是为了高级感,而是为了让首屏背景和内容层之间始终有一层柔和过渡。

UIGlassmorphism

2026.04.07

决定把收藏做成频道

动漫、相册、音乐、灵感都应该是独立页面,而不是一坨混在一起的瀑布流。

Collections