Hero Next 双语个人网站

问题与目标

项目旨在把个人资料、理念、作品案例、公开渠道和持续更新的日志整合到同一叙事体验中，同时让中文与英文内容、主题和导航状态保持一致。

响应式体验

宽屏与精细指针设备采用 WebGL 驱动的章节体验，包括立体文章索引、四面项目空间、悬浮预览和透视日志；移动端、触控设备及较矮的横屏窗口则切换为自然高度的阅读布局。

项目案例既可在保留原场景的原生对话框中打开，也可作为独立页面访问。日志按日期分批加载，并保持每天的工具记录与事件内容完整。

实现架构

站点使用单一运行时、画布与滚动来源，结合语义化 DOM 和 WebGL 效果。主题、语言与项目空间选择由共享状态管理并持久化；内容、项目目录和日志快照使用带类型的数据生成。

项目还提供服务端渲染的智能体阅读目录及派生的 Markdown 文档，覆盖资料、理念、项目和月度日志；无 JavaScript 时，核心导航与内容仍可阅读。

边界与限制

站点仅通过公开入口使用 Viselora 包，不维护第二套渲染器或重复视觉状态。日志数据需要在开发或构建前同步，生成快照不纳入版本控制。

README 指出 Canvas 与 DOM 的字形栅格化仍可能略有差异，现有内容也只是后续编辑的基础版本。开发环境的宽松主机允许列表仅适用于受信任的本地网络。