March7th网站结构
March7th网站结构
发布于 2025年12月23日 2 分钟阅读 487 字
项目架构#
📦 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 (播放器)
系统架构图#
graph TB
subgraph "前端应用"
HOME[首页<br/>Astro]
BLOG[博客<br/>Astro]
AI[AI对话<br/>Vue]
WALLPAPER[壁纸软件<br/>Vue + Electron]
TOOLS[流萤的秘密基地<br/>工具集]
GAME[游戏库<br/>静态资源]
end
subgraph "后端服务"
USER[用户系统]
AI_SRV[AI服务]
BLOG_SRV[博客后端]
end
subgraph "共享包"
UI[@sanyueqi/web-components]
UTILS[工具函数]
API[API SDK]
end
subgraph "部署平台"
OSS[OSS/CDN]
SERVER[服务器]
DESKTOP[桌面应用]
end
HOME --> UI
BLOG --> UI
AI --> UI & API
WALLPAPER --> UI
TOOLS --> UI
GAME --> UTILS
AI --> AI_SRV
HOME & WALLPAPER & TOOLS --> USER
BLOG --> BLOG_SRV
HOME & GAME & AI --> OSS
BLOG --> SERVER
WALLPAPER --> DESKTOP
style HOME fill:#e1f5ff
style BLOG fill:#e1f5ff
style AI fill:#fff4e1
style WALLPAPER fill:#ffe1f5
style TOOLS fill:#e1ffe1
style GAME fill:#f5e1ff
前端应用#
🌐 网站入口#
| 项目 | 技术栈 | 部署 | 访问 | 更新频率 |
|---|---|---|---|---|
| 首页 | 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 分发