7590daebc0
- 新增加载进度条（BaseLayout） - 重构动画系统：修复 fadeInUp、新增 revealUp/pageEnter/blurIn 入场动画 - 添加 IntersectionObserver 滚动揭示机制 - 产品页：修复弹幕滚动效果、统一 Hero 区域样式与首页一致 - 产品理念页：重新设计对比叙事区、学习闭环图、产品原则卡片 - 支持页：完全重构表单布局、设备 pills 选中态、FAQ 双列网格 - 隐私政策页：重构侧边栏导航 - 首页：统一 Portal 三卡片边框、重构 Learning Loop 流程图 - Footer 去除冗余 margin-top、全局 CSS 新增 ethereal-glow 公共样式
龙德AI学习 官网
AI 学习产品的官方网站，基于 Astro + TypeScript 构建。
技术栈
- 框架: Astro 5.x
- 语言: TypeScript
- 样式: 原生 CSS（Apple 风格）
页面结构
/- 首页/privacy- 隐私政策/terms- 用户协议/support- 支持与反馈/waitlist- 等待名单/changelog- 更新日志/download- Mac 下载页
快速开始
安装依赖
npm install
启动开发服务器
npm run dev
其他命令
| 命令 | 说明 |
|---|---|
npm run dev |
启动开发服务器 |
npm run build |
构建生产版本 |
npm run preview |
预览生产版本 |
npm run astro |
运行 Astro CLI |
环境变量
复制 .env.example 为 .env 并根据需要修改：
cp .env.example .env
| 变量 | 默认值 | 说明 |
|---|---|---|
SITE_URL |
http://localhost:4321 | 站点地址（SEO 和 sitemap 使用） |
HOST |
localhost | 服务器主机 |
PORT |
4321 | 服务器端口 |
项目结构
├── src/
│ ├── components/ # 组件
│ │ ├── Header.astro
│ │ ├── Footer.astro
│ │ ├── Hero.astro
│ │ ├── FeatureCard.astro
│ │ ├── CTA.astro
│ │ └── WaitlistForm.astro
│ ├── layouts/ # 布局
│ │ └── BaseLayout.astro
│ └── pages/ # 页面
│ ├── index.astro
│ ├── privacy.astro
│ ├── terms.astro
│ ├── support.astro
│ ├── waitlist.astro
│ ├── changelog.astro
│ └── download.astro
├── public/ # 静态文件
│ ├── favicon.svg
│ └── robots.txt
├── astro.config.mjs
├── tsconfig.json
└── package.json
注意事项
- 域名
longde.cloud正在备案中，所有 URL 使用环境变量管理 - 等待名单表单当前为 Mock 模式，后端接入后修改
WaitlistForm.astro - SEO 配置在
BaseLayout.astro中统一管理