🌙 起因
一直想要一个属于自己的小天地,不被平台束缚,能自由地记录技术笔记、生活感悟和各种奇思妙想。
于是「晚风の宝藏之地」诞生了。
🛠️ 技术选型
经过一番对比,最终选择了以下技术栈:
| 技术 | 用途 |
|---|---|
| Next.js 16 | 框架,App Router 模式 |
| React 19 | UI 库 |
| Tailwind CSS 4 | 样式方案 |
| Framer Motion | 动画效果 |
| Three.js | 3D 创意实验 |
| Markdown | 内容管理 |
选择 Next.js 的原因很简单:
- SSG/ISR 支持 — 静态生成,访问速度快
- API Routes — 可以写后端接口
- Vercel 部署 — 一键部署,省心省力
✨ 特色功能
在搭建过程中,我加入了一些有趣的功能:
🎵 音乐播放器
集成了网易云音乐,可以边听歌边阅读。音乐是灵感的催化剂。
🌸 天气与季节特效
根据实时天气和季节,页面会呈现不同的装饰效果:下雨、下雪、樱花飘落、萤火虫飞舞...
✨ 粒子与弹幕
桌面端有粒子特效和弹幕背景,营造独特的氛围感。
🎨 主题切换
支持明暗两种主题,护眼模式随时开启。
📝 内容规划
这个博客会记录:
- 技术笔记 — 前端开发、框架使用、踩坑记录
- 项目分享 — 开源项目、个人作品
- 生活杂谈 — 日常碎片、读书笔记、随想
- 创意实验 — 3D 可视化、交互动画、Shader
🚀 部署
最终选择了 Vercel 进行部署:
# 本地开发
npm run dev
# 构建
npm run build
# 部署到 Vercel
git push origin main
Vercel 会自动检测 Next.js 项目并完成部署,非常方便。
📮 最后
这是我的第一篇文章,也是一个新的开始。
「种一棵树最好的时间是十年前,其次是现在。」
希望这个博客能成为我持续输出的动力,也希望来到这里的朋友能有所收获。
欢迎通过关于页面联系我,一起交流技术与生活~
