站点框架搭建记录：Astro + Three.js + Cloudflare

今天把 JYDICT 的站点框架搭起来了。

技术选型

• Astro：内容优先，写学习记录直接用 Markdown
• Three.js：只挂在首页背景层，做成一个自包含的 3D 模块
• Cloudflare Pages + R2：静态托管免费，大模型文件走 R2（出站流量免费）

目录分层原则

按”高内聚低耦合”拆成四层：

1. 配置层 src/config/ —— 站点与章节的单一事实来源
2. 3D 层 src/scripts/three/ —— 只通过 mount(container) 对外
3. UI 层 src/components/ —— 一个章节一个组件
4. 内容层 src/content/ + src/data/ —— Markdown 与 JSON，与展示代码完全分离

下一步

• 补充真实学习记录
• 把第一个 3D 作品放进项目仓库
• 开通 R2，接入大资源