project · 2026 年 10 月

雨墨 RainInk 本站

还是想要一个自己的站,机缘巧合下终于有了这个。整体网站设计是跟AI交流设计出来的,技术栈是nuxt,不过没写一行代码,全部由AI开发。

雨墨 RainInk 本站 界面截图
雨墨 RainInk 本站 · 界面

为什么会有这个站

想了很多年的个人站,终于动手了。也想在这个站里记录、总结一些个人经验,也想练一练自己的写作能力。

技术选型

写了很多年的vue,所以直接选择用nuxt来做这个站。不过我个人基本没写这个站的代码了,都是让AI写的。下面是AI写的技术相关内容

  • 内容管线:Nuxt Content,Markdown 文件即内容,frontmatter 驱动栏目、标签与相关阅读;
  • 渲染方式:SSG 预渲染,产物为纯静态文件,部署到 Nginx 即可,无需 Node 常驻;
  • 样式层:手写 CSS 令牌,浅 / 深两套,圆角 2px,系统字体栈,不加载网络字体;
  • 交互细节:首页滚动后滑入的页头、文章页顶部阅读进度条、右侧目录滚动高亮、窄屏折叠抽屉、回到顶部按钮;
  • 首屏体验:主题偏好由内联脚本在首屏前写入,杜绝深色偏好下的闪白。

需求和原型还是跟AI聊了挺多轮定下来的,目前这个样子还算可以,虽然AI味还是有一点的。

后续计划

主要还是填充内容吧,也还会继续跟AI聊这个站还能怎么做。 技术文(也说不上干货吧,主要还是个人经验)还在构思写点什么,最近也在持续做一些项目,看看能不能记录一点,然后也回想一下以前的(虽然现在很多东西AI都能很快做出来),多记一记思路啥的

AI自己写的更新计划:文章内图片的懒加载与灯箱、代码块复制按钮,以及把「相关阅读」的权重算法从标签共现扩展到标签 + 时间衰减。