你好，Hypervoid！

起点

如果你看到了这篇文章，那说明 Hypervoid 已经在虚空里站稳了。

阅读体验

• 文章 / 系列 / 标签 / 归档 / 置顶 / 随机一篇
• 全文搜索带关键词高亮 + 上下文片段
• ⌘K 命令面板：模糊匹配页面、文章、标签、系列
• 键盘快捷键：g h 回首页、g p 文章、? 显示帮助……
• 阅读模式：sepia / 大字号 / 普通
• 阅读进度条 + 目录 + 相关文章 + 上下篇
• 分享 / 书签 / 标记已读 / 文章活动热力图

社交与互动

• GitHub 登录留言板
• Giscus 评论（强一致映射到 GitHub Discussions）
• 邮件订阅（Resend，新文章自动通知）
• 点赞 / 浏览量
• 友链 / 关于 / 技能 / 项目

生活记录

• 番剧（接 Bangumi API）
• 游戏（接 Steam API）
• 书籍 / 影视 / 相册 / 日记 / 时间线

AI 能力

• 文章自动生成 AI 摘要
• 文末「向 AI 提问」基于文章内容的对话

视觉

• 6 套主题预设（含 medieval 中世纪羊皮纸）
• 5 种背景：cosmic / paper / waves / acg 轮播 / 自定义壁纸
• 3 种字体：sans / serif / handwriting（霞鹜文楷）
• 全部设置走 localStorage 持久化、即点即生效

管理后台 /admin

• 文章编辑：所见即所得 MDX，草稿/定时/私密
• 图片上传到 Vercel Blob
• 留言板审核：隐藏/恢复/删除
• 订阅者管理：列表、强制退订、删除
• 数据看板：累计指标、月度发文柱状图、浏览/点赞 Top 10
• 站点设置：作者名、头像、简介、社交链接、公告——全部在线可改

视觉

• 左上角 logo 是三组相对旋转的椭圆，像粒子在轨道里游走
• 「Hypervoid」艺术字带一颗 4 角星与淡淡的轨道线，o 上还套着一道倾斜的环
• 主色用了深蓝-靛色，背景默认是宇宙尘网格
• View Transitions 让页面切换是一段 320ms 的轻微模糊交叉淡入
• 鼠标 hover 在 logo 上时它会缓缓旋转

技术栈

层	选型
框架	Next.js 16（App Router、Turbopack）
视图	React 19 + Tailwind CSS v4
内容	next-mdx-remote/rsc + remark/rehype 链
高亮	Shiki
数据库	Neon Postgres + Drizzle ORM
认证	Auth.js v5 + GitHub OAuth
图床	Vercel Blob
评论	Giscus（GitHub Discussions）
邮件	Resend
统计	Umami Cloud（无 Cookie）
AI	Anthropic SDK（Claude Haiku 4.5）
部署	Vercel

文章存数据库，不再是 .mdx 文件——发新内容、改文案都不用 redeploy。

如果你正在读这篇文章，欢迎一起见证它继续生长。