前言

你好呀，欢乐的精灵～✨
原来你也是罗小黑的同好，真好！我是2023年才掉进这个温暖又治愈的“坑”里的，一口气补完了TV剧集、第一部大电影，还有《蓝溪镇》。不知不觉，就被这份温柔的世界深深留住了。 没想到没过多久，第二部大电影就来了——那种陪伴许久终于等到新篇章的心情，真的难以言喻，看完之后整个人都亮了起来！ 只是后来想重温所有节气图时，发现官方并没有一个汇集全部作品的页面，每次都要四处翻找……于是，一个念头悄悄萌生：不如自己动手，为同样热爱的小伙伴们搭一个小站吧。 我在网上看到很多朋友也在整理，但似乎还没有收录所有年份的。不过我也有些忐忑，不确定这样的行为是否得到官方的允许，暂时没找到明确的授权说明……目前已经给官方发了邮件，默默等待回音。如果有认识的小伙伴，也希望能帮忙传达这份心意。 这个网站完全出于喜爱而诞生，是一个粉丝向的个人项目。代码大多由AI协助完成，而我则负责胡思乱想、修补bug、调整界面，以及所有琐碎却充满热情的“体力活”。 希望这里能成为我们共同记忆的角落，静静存放每一份与罗小黑相遇的时节。

项目技术细节

技术栈： 前端Vite+Vue+TailwindCSS ，后端依旧是Php+Mysql。完全使用GLM-5.2 Agent生成代码，我充当UI设计和功能畅想。

不得不说，Vite是真的香啊，自动打包、前端实时预览，给我这个以前只用过原生HTML CSS JS构建网站的“乡下人”一点点震撼。TailwindCSS也是AI写代码必备的真神，再也不需要AI去写一大坨CSS样式了，AI可以直接很方便地运用各种样式，而且打包之后体积也不大。

哦，对了，还用了PWA来支持安装到本地。

本来是没有后端的，但是想统计一下，看看哪个图片最欢迎，所以就做了。至于为什么用臃肿的php，而不是GO之类的新高性能语言。一方面是php ai比较擅长，另一方面是我懒得又要搞一个子域名（因为我是内网穿透出去的，配置子域名会占用隧道额度）。不过哪天我一定要好好尝尝Go~

视频制作

由于只是简单学了点Pr，没有学AE，做出的视频只能打简单的关键字。额，真丑，说实话还不如PPT做的动画呢。正好最近好像“AI网页剪辑”的概念好像很火，所以简单了解了一下。不过，其实在Deepseek R1刚发布的时候我就尝试过用AI来做视频，当时自己摸索出来的做法就是叫AI生成一个带时间线、自动播放的网页，然后我再进行录屏，动画效果真心不错。不过现在的好像更高级，是用codex里面的skill插件生成，那个是真的长得像一个剪辑软件。

后续

看看用的人多不多，再考虑添不添加新功能吧（目前看起来人挺多的）。我可不想花一大堆时间做了一个没有人用的网站。