一个个人作品集网站，打开方式不是点导航，而是拖一根线插进屏幕。开发者 MA-Ahmad 把自己重建的作品集又改了一版，这次多了一个笔记本主题，还专门搭了个小游乐场用来在主题之间切换。

打开网易新闻 查看精彩图片

这个游乐场叫 Theme Studio。三套网站版本以卡片形式摆在画布上，中间放着一块显示屏。想打开哪一版，就从对应卡片上拖一根线接到显示屏里，动作像给老电视插线。

插线的过程被做成了几个细节：线靠近屏幕时会跳出闪电火花；插好之后，技能图标顺着线滑下去；屏幕先像老电视那样亮起来，然后页面才真正打开。

为了不让人到处找入口，首页、终端主题和笔记本主题的右下角（桌面端）都放了一个小型实时副本。它会一个接一个地把主题插进去，点一下就能打开真正的页面。

项目本身是一个展示技能、经历、项目和文章的个人作品集，三套主题分别是经典、终端和笔记本。技术栈上用了 Next.js 16 和 React 19、Tailwind CSS、Framer Motion，数据层是 Prisma 配 PostgreSQL，部署在 Cloudflare Workers 上。

其他功能包括：

  • 亮色/暗色主题
  • 来自本地 MDX 文章和 Dev.to 文章的博客
  • GitHub 贡献图
  • ⌘ K 命令菜单
  • 带 /llms.txt，方便 AI 读取
  • 分享用的链接预览图

Theme Studio 里还能看到其他访客的实时光标。仓库采用 MIT 协议，作者提醒，如果 fork 的话记得删掉自己的个人信息，包括简介、项目和博客文章。