此站点

此站点是我用来记录技术与生活的个人网站，从 2025 年 4 月起持续写到现在。

常见问题 Q&A

1. 建立此站点的初衷？

最初架设这个网站，是为了在找实习时能有个地方展示自己的技术栈与开发能力。结果找实习时并没有真正派上用场，反而是现在的同事偶尔会来看我的网站。

2. 网站的技术栈？

前端采用 React 19 搭配 Vite 进行构建，并使用 Tailwind CSS 处理样式。视觉与 3D 互动部分使用了 Three.js 与 @react-three/fiber。后端则是以 Node.js 与 Express.js 作为 API Gateway，负责串接 Steam、Spotify、WakaTime 与 GitHub 等外部数据，数据库使用 SQLite。基础设施全部通过 Docker进行容器化部署。

3. 关于照片墙与 AI 的使用？

站内的照片集使用 Masonry 布局，并透过自动化脚本提取 EXIF 资讯。后续加入了 AI CLIP Tagger 辅助处理标签，且上传图片时会自动产生 thumbhash 作为模糊占位图。我会使用 AI 工具协助处理这类琐碎的自动化流程。详细可以参考这篇文：

4. 这里有藏彩蛋吗？

没有。没有实作彩蛋，这里所见即所得。

5. 这个网站的主要受众是谁？

最初架这个站，单纯是把这里当作我个人求职使用，没有特别去社群上宣传。但说实话，既然我都花这么多时间弄了，当然还是会希望自己花心血熬夜刻出来的画面与架构能被人看见。

所以，如果你刚好逛到这里，觉得这个站点的设计或技术栈还合你的胃口，非常欢迎交换友链。也欢迎直接在留言留个足迹。

关于命名的由来

Q: 站点标题「宙と木」是怎么来的？

没什么特别的故事。某天问了 Gemini 一些日文站名候选，看到「宙と木」觉得满帅的就用了。刚好「宙」（宇宙）跟网站的太空主视觉对得起来，「木」也跟我的网路惯用名「木村盆栽」呼应，就这样定案了。

Q: 为什么叫 Koimsurai？这名字怎么念？

这其实是一个组合字。我在网路上的惯用名是「木村盆栽」（Kimura Bonsai），而 Koimsurai 就是从这两个词的罗马拼音中萃取组合而成的专属 ID。

Q: 那为什么当初要叫「木村盆栽」？

刚开始只是因为很喜欢木村拓哉，就随意借用了这个姓氏，加上「盆栽」觉得念起来很顺口就用了。