晚风の宝藏之地
首页项目照片墙音乐灵境说说杂谈关于
封面

搭建属于自己的宝藏之地

写作时间:2026-06-1 0:00:00
# Next.js
# 博客搭建
# 前端开发

🌙 起因

一直想要一个属于自己的小天地,不被平台束缚,能自由地记录技术笔记、生活感悟和各种奇思妙想。

于是「晚风の宝藏之地」诞生了。


🛠️ 技术选型

经过一番对比,最终选择了以下技术栈:

技术 用途
Next.js 16 框架,App Router 模式
React 19 UI 库
Tailwind CSS 4 样式方案
Framer Motion 动画效果
Three.js 3D 创意实验
Markdown 内容管理

选择 Next.js 的原因很简单:

  1. SSG/ISR 支持 — 静态生成,访问速度快
  2. API Routes — 可以写后端接口
  3. Vercel 部署 — 一键部署,省心省力

✨ 特色功能

在搭建过程中,我加入了一些有趣的功能:

🎵 音乐播放器

集成了网易云音乐,可以边听歌边阅读。音乐是灵感的催化剂。

🌸 天气与季节特效

根据实时天气和季节,页面会呈现不同的装饰效果:下雨、下雪、樱花飘落、萤火虫飞舞...

✨ 粒子与弹幕

桌面端有粒子特效和弹幕背景,营造独特的氛围感。

🎨 主题切换

支持明暗两种主题,护眼模式随时开启。


📝 内容规划

这个博客会记录:

  • 技术笔记 — 前端开发、框架使用、踩坑记录
  • 项目分享 — 开源项目、个人作品
  • 生活杂谈 — 日常碎片、读书笔记、随想
  • 创意实验 — 3D 可视化、交互动画、Shader

🚀 部署

最终选择了 Vercel 进行部署:

# 本地开发
npm run dev

# 构建
npm run build

# 部署到 Vercel
git push origin main

Vercel 会自动检测 Next.js 项目并完成部署,非常方便。


📮 最后

这是我的第一篇文章,也是一个新的开始。

「种一棵树最好的时间是十年前,其次是现在。」

希望这个博客能成为我持续输出的动力,也希望来到这里的朋友能有所收获。

欢迎通过关于页面联系我,一起交流技术与生活~

avatar

晚风

热爱代码与创意的开发者,这里是晚风的宝藏之地。

RECOMMENDED

Table of Contents