一个个人作品集网站,打开方式不是点导航,而是拖一根线插进屏幕。开发者 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 的话记得删掉自己的个人信息,包括简介、项目和博客文章。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.