
Weigh Anchor!
起锚 — 优川七夜的第一篇博客
跨越现今,前往未来,起锚吧!
你好,世界
你好,我是优川七夜(Yuga Shichiya)。
这是我的个人博客的第一篇文章。就像每一次出航都需要起锚一样,每一段旅程都需要一个开始。那么,就从这里开始吧。
这个博客会写什么
这是一个混合型博客,你可能会在这里看到:
- 技术笔记 — 编程中遇到的问题和解决方案,学到的新技术
- 生活随笔 — 日常的想法、旅行见闻、读书笔记
- 折腾记录 — 各种有趣的项目和尝试
不追求更新频率,只追求每一篇都值得写。
建站记录
既然是技术博客,第一篇当然要记录一下这个网站是怎么搭建的。
技术栈
| 模块 | 技术 |
|---|---|
| 前端 | Next.js 14 (App Router) + Tailwind CSS + shadcn/ui |
| 后端 | NestJS + Prisma ORM |
| 数据库 | PostgreSQL |
| 部署 | Nginx + PM2 |
| 动效 | Framer Motion |
整个项目采用 Monorepo 结构,前后端在同一个仓库里管理。
为什么选这套技术栈
Next.js — 博客最重要的是 SEO,服务端渲染(SSR)能让搜索引擎正确抓取内容。App Router 是 Next.js 的最新路由方案,支持 Server Components,性能更好。
NestJS — 比起 Express 的自由散漫,NestJS 的模块化架构更适合有一定规模的项目。装饰器语法写起来也很舒服。
Prisma — 类型安全的 ORM,配合 TypeScript 开发体验非常好。写数据库操作就像写普通代码一样。
shadcn/ui — 不是一个组件库,而是一套可复制粘贴的组件集合。完全可定制,不会被框架绑架。
设计风格
整个网站的设计以蓝银色为主色调,灵感来自那位银发蓝瞳的驱逐舰响(ひびき)/ Верный。她安静而坚定,在北方的风雪中依然前行。这种气质,大概就是我想追求的样子吧。(我编的,其实就是xp)
- 个人首页有樱花飘落 + 雪花冰晶的粒子效果,鼠标移动时背景会产生视差
- 博客页面采用杂志/Editorial 风格排版
- 全站支持暗色模式
- 到处都藏着锚和舰船的元素
-
最后
舰船已经起锚了,航程刚刚开始。
希望这个小小的角落,能记录下一些值得回忆的东西。
Хорошо. 出发吧。
2026年4月12日,优川七夜
