Leo

对于页面上的星空背景动画，我使用 Three.js 实现了连续移动的效果。最初，您会看到持续移动的动画。然而，为了防止此动画影响用户的阅读体验，只要有任何鼠标交互，移动速度就会减慢，几乎停止。只有当用户停止交互一段时间后，它才会恢复快速移动。

此背景组件是使用 React 和 Canvas 创建的。由于动画通常占用大量资源，我为此组件添加了 client:idle 客户端指令 ，以确保它不会影响页面的加载速度。

此主题的灵感来自 Astro 主题 Mia。如果您喜欢更明亮的风格，不妨看看这个优雅的主题。

主题页面上的在线演示站点是我的个人博客，但是如果您想查看更多示例，可以在此处访问与上方截图所示相同的演示站点！