YewRings

记录成长的年轮 · 学习笔记 · 技术分享
Next.js 15 · Tailwind CSS · Framer Motion

设计与技术

本博客基于现代 Web 技术栈构建，尝试探索流体玻璃质感在界面设计中的应用，提供舒适的阅读体验。

Liquid Glass 视觉语言
现代流体玻璃风格
多层级背景模糊
响应式交互体验

Next.js 15

采用最新的 App Router 架构与 React Server Components，提供良好的性能与开发体验。

Tailwind CSS

原子化 CSS 引擎，配合自定义配置构建独特的玻璃拟态设计系统。

Framer Motion

声明式动画库，实现流畅的交互反馈与页面过渡效果。

MDX Content

将 Markdown 与 React 组件结合，支持丰富、可交互的文章内容。