开源项目 · 品牌展示页

StarDream-Intro 星梦启航介绍页

把「星梦启航」讲成一个可以滚动的故事。

为「星梦启航」做的品牌介绍页：一屏一屏讲故事，日月沿 SVG 轨迹运动，标语用打字机逐字出现，背景可以是纯色、图片、网页或视频。

页面结构

介绍页拆成几个全屏 section：欢迎、标语、介绍、服务、联系方式。滚动由 fullpage.js 接管，每一屏进入时再触发自己的文字和图形动画。

首屏用 SVG 路径让太阳和月亮绕轨道运动，中心的帆船保持不动；下方标语用 Typed.js 循环打字。背景组件支持四种类型：

bash

npm install
npm run serve

生产构建：

bash

npm run build

public/imgs/ 里放着帆船、太阳、月亮等 SVG 资源；背景图片或视频需要自己放进 public/ 再在页面配置里引用。

这是早期的品牌展示页，文案和动画节奏都偏实验；现在的站点已经迁移到 VitePress。想参考整页滚动、SVG 轨迹和打字机组合时，这个仓库仍然是一个完整的例子。

问题、建议或想要的功能，欢迎在仓库里提 Issue。