项目架构#

📦 march7th-projects/ ├── 🌐 前端应用/ │ ├── 🏠 首页 (Astro) → march7th.online │ ├── 📝 博客 (Astro) → march7th.online/blog │ ├── 🤖 AI对话 (Vue) → march7th.online/matechat │ ├── 🖼️ 壁纸软件 (Vue + Wallpaper Engine) → march7th.online/wallpaper │ ├── 🔧 流萤的秘密基地 (Vue) → march7th.online/firefly │ └── 🎮 游戏库/ │ └── 🕹️ 网页小游戏 → march7th.online/game │ ├── ⚙️ 后端服务/ │ ├── 👤 用户系统 │ └── 🧠 AI服务 │ ├── 📦 共享包/ │ └── 🎨 @sanyueqi/web-components → @sanyueqi │ ├── 📄 spine (骨架屏) │ └── ▶️ player (播放器)

系统架构图#

前端应用#

🌐 网站入口#

项目	技术栈	部署	访问	更新频率
首页	Astro	OSS/CDN	march7th.online	低
博客	Astro	服务器	march7th.online/blog/	高

🤖 交互应用#

项目	技术栈	部署	访问	特点
AI对话	Vue	OSS/CDN	march7th.online/matechat/	需要用户系统
壁纸软件	Vue + Electron	桌面应用	march7th.online/wallpaper/	跨平台桌面端

🎮 游戏与工具#

项目	技术栈	部署	访问	说明
流萤的秘密基地	多种	静态托管	march7th.online/firefly/	工具集
游戏库	静态资源	OSS/CDN	march7th.online/game/	网页小游戏

后端服务#

服务	功能	状态
用户系统	用户认证、权限管理	✅ 运行中
AI服务	AI对话接口	✅ 运行中

共享包#

@sanyueqi/web-components#

基础 UI 组件库，统一各端视觉体验 主要组件：

spine - 骨架屏组件
player - 媒体播放器
button - 按钮组件
input - 输入框组件 访问： unpkg.com/@sanyueqi/web-components

其他工具包#

工具函数 - 通用 JS/TS 工具函数
API SDK - 后端接口类型定义和请求客户端

架构说明#

设计原则#

业务解耦 - 每个前端应用独立仓库，独立部署
技术栈灵活 - 根据需求选择最适合的技术（Astro/Vue/原生等）
共享复用 - 通过 NPM 包统一 UI 组件和工具函数
更新独立 - 不同应用按需更新，避免相互影响

部署策略#

高频更新（博客）- 服务器直接部署
低频更新（首页）- OSS/CDN 加速
特殊需求（壁纸）- 桌面应用打包
静态资源（游戏）- 纯 CDN 分发

Lovely March7th!

March7th网站结构