查看源代码

作为一名前端开发者，我一直以来都有使用 dream stack 搭建一个个人网站的想法。同时，我在业余时间热爱摄影，也有在平台上展示我拍摄的照片的需求。因此，我从 2023 年开始利用业余时间设计、开发这个网站。

挑战

1. 技术挑战：我想使用心目中的 dream stack 来实现。
2. 网站有大量内容需要在后续进行方便地更新，因此最好使用 CMS（内容管理系统）。值得注意的是，由于我有实现相册功能的需求，需要 CMS 工具具有强大的图片管理能力。
3. 需要自行设计并实现美观的用户界面

结果

经过不断地技术探索和尝试，最终形成了目前您所浏览的网站。

从技术栈的角度，本项目主要使用了 Nuxt 3、TypeScript、pnpm monorepo、TailwindCSS、shadcn-vue 等技术。如果你感兴趣，可以查看本项目的源码了解更多。此外后续或许还需集成数据库，实现更多功能。

从内容管理的角度，通过此项目我第一次使用了CMS。本项目选择的是 Sanity。最大原因是其开箱支持读取上传的图片的 exif 信息。以下是本项目的 Sanity 内容管理界面：

UI 设计的角度，我参考了数个网站和小项目的设计，实现了一些有趣的特效，如首页可交互的拍立得相纸、深色/浅色模式切换时的过渡动画、以及「摄影」页中生动的相册封面等。在此我要感谢这些项目给我提供了灵感。