initial commit

docs/Full Project V2.md

@@ -0,0 +1,156 @@
+好的，小麦 👍
+
+我会从 **产品规划 → 功能模块 → 页面结构 → 设计风格 → 技术实现建议** 五个维度，为你输出一个完整的 **校友会网站方案** 🚀
+
+---
+
+# 🎓 校友会网站整体方案
+
+## 一、产品定位与目标
+
+* **定位** ：面向校友的综合性社区门户，集信息发布、社交互动、资源共享、活动组织于一体。
+* **目标** ：
+
+1. **信息聚合** ：官方动态、校友新闻、活动通知集中展示。
+2. **社交连接** ：校友之间互相认识、组群、建立人脉网络。
+3. **资源共享** ：校友企业、招聘、实习信息、学习资料。
+4. **品牌建设** ：加强校友对母校的归属感和认同感。
+
+---
+
+## 二、核心功能模块
+
+### 1. 访客层（无需登录）
+
+* **首页门户** ：学校新闻、轮播图、活动预告、优秀校友故事。
+* **校友介绍** ：展示校友会宗旨、组织架构、联系方式。
+* **活动列表** ：公开活动（如讲座、校庆活动）的详情页。
+* **文章 / 新闻** ：浏览公开文章、新闻。
+
+### 2. 校友层（需注册/登录）
+
+* **校友认证**
+  * 通过学号、毕业年份、专业验证（后台可审核）。
+  * 绑定手机号/邮箱 + 实名。
+* **个人中心**
+  * 基本信息：头像、姓名、毕业年份、专业、职业信息。
+  * 校友地图：按地区分布展示。
+  * 动态广场：校友发布动态（类似微博/朋友圈）。
+* **活动系统**
+  * 活动报名：线下聚会、讲座、体育赛。
+  * 活动签到：二维码签到。
+  * 活动相册：活动后上传照片分享。
+* **校友企业 / 招聘**
+  * 校友公司展示。
+  * 招聘、实习信息发布与应聘。
+  * 校友资源共享（如创业合作）。
+* **消息系统**
+  * 站内信 / 私信。
+  * 通知提醒（报名成功、活动提醒）。
+
+### 3. 管理后台
+
+* 用户管理（校友认证审核、权限分配）。
+* 内容管理（文章、新闻、活动、公告）。
+* 活动管理（创建活动、审核报名、导出名单）。
+* 数据分析（活跃用户数、活动参与率、校友分布地图）。
+
+---
+
+## 三、页面结构（信息架构）
+
+```
+- 首页
+   ├─ 新闻公告
+   ├─ 精选校友故事
+   ├─ 活动预告
+   └─ 招聘实习推荐
+
+- 校友
+   ├─ 校友名录（搜索 / 筛选）
+   ├─ 校友地图
+   └─ 优秀校友展示
+
+- 活动
+   ├─ 活动列表
+   ├─ 活动详情
+   ├─ 在线报名
+   └─ 活动相册
+
+- 动态广场
+   ├─ 校友发帖
+   ├─ 点赞/评论
+   └─ 精选话题
+
+- 企业与招聘
+   ├─ 校友企业展示
+   ├─ 招聘信息
+   └─ 合作资源
+
+- 我的（登录后）
+   ├─ 个人信息
+   ├─ 我的报名
+   ├─ 我的动态
+   └─ 消息通知
+
+- 管理后台（管理员登录）
+   ├─ 用户审核
+   ├─ 内容管理
+   ├─ 活动管理
+   └─ 数据统计
+```
+
+---
+
+## 四、设计风格 🎨
+
+* **视觉定位** ：
+* 整体稳重 + 青春活力（突出“校友情怀”+“年轻活力”）。
+* 主色调建议用  **学校校徽色** （蓝/红/绿等）+ 白色背景。
+* **UI 风格** ：
+* 扁平化、轻社交风，类似知乎 + 微信公众号。
+* 多图文混排，强调人情味（校友照片、活动合照）。
+* **交互风格** ：
+* 移动端优先（H5 + 小程序）。
+* PC 端适合官方展示，移动端适合校友日常使用。
+
+---
+
+## 五、技术实现建议 ⚙️
+
+### 前端
+
+* **技术栈** ：Nuxt 4 (Vue 3 + SSR)
+* **UI 库** ：TailwindCSS + shadcn/ui 或 Element Plus（后台用）。
+* **移动端** ：可直接用响应式 H5，后续考虑封装为微信小程序。
+
+### 后端
+
+* **框架** ：NestJS / Django / Spring Boot（三选一，根据团队栈）。
+* **数据库** ：PostgreSQL（结构化数据） + Redis（缓存/会话）。
+* **认证** ：JWT + OAuth2（支持微信/Google 登录）。
+
+### 部署
+
+* **前端** ：Vercel / Netlify / Nginx。
+* **后端** ：Docker 部署到云服务器（AWS / 阿里云 / GCP）。
+* **CDN** ：Cloudflare 加速。
+
+### 扩展建议
+
+* **IM 模块** ：未来可接入 WebSocket / Firebase Realtime DB。
+* **校友地图** ：用 Mapbox / Leaflet 实现。
+* **活动签到** ：生成动态二维码，微信扫码签到。
+* **数据安全** ：严格加密个人信息，权限控制细致。
+
+---
+
+✨ 总结：
+
+这个校友会网站的核心是 **“人脉 + 活动 + 资源”** 三大板块。
+
+第一步可以从 **官网 + 活动报名系统** 切入，快速上线，后续逐步迭代到  **校友社交 / 企业招聘 / 校友地图** 。
+
+---
+
+要不要我帮你画一份  **信息架构图 + 页面原型图（线框图）** ，让整体更直观？

docs/Full Project.md

@@ -0,0 +1,117 @@
+## 🎯 核心目标
+
+1. **连接校友** —— 促进校友之间的沟通与互动。
+2. **承载记忆** —— 保存学校历史、活动、照片与故事。
+3. **传递信息** —— 提供校友会最新动态、公告和活动报名。
+4. **资源共享** —— 校友资源对接（就业、创业、学术、公益）。
+5. **凝聚力量** —— 提供捐款通道、校友服务，支持母校建设。
+
+---
+
+## 📑 网站主要内容与功能模块
+
+### 1. 首页（门户）
+
+* 精美横幅：校友会 Logo + 永平中学代表性照片（校园、校徽、校训）。
+* 最新新闻公告轮播。
+* 快速入口：活动报名、捐款支持、校友注册。
+
+---
+
+### 2. 校友会介绍
+
+* 校友会历史与使命。
+* 组织架构：理事会名单与介绍。
+* 会章与规章制度下载。
+* 联系方式（电话、邮箱、社交媒体链接）。
+
+---
+
+### 3. 新闻与公告 📰
+
+* 学校动态、校友会新闻。
+* 活动预告 & 报名入口。
+* 公告（如选举、年会、募捐信息）。
+
+---
+
+### 4. 校友活动 🎉
+
+* 活动相册/视频存档（历届聚会、母校庆典）。
+* 报名系统（支持在线填写、自动生成名单）。
+* 活动日历（显示未来活动安排）。
+
+---
+
+### 5. 校友名录 👥
+
+* 注册系统（校友需验证身份，防止冒充）。
+* 按届别 / 专业 / 地区分类浏览。
+* 可选：开放“校友故事”分享（人物专访、成功案例）。
+
+---
+
+### 6. 资源共享 🤝
+
+* 招聘信息（校友招聘、推荐实习）。
+* 创业资源（校友企业介绍、合作机会）。
+* 学术与公益（校友讲座、志愿活动）。
+
+---
+
+### 7. 支持与捐赠 💝
+
+* 在线捐款（支持 FPX / PayPal / 银行转账）。
+* 捐款去向透明展示（图表、捐赠者名单可选择匿名）。
+* 母校项目筹款计划（例如：奖学金、校舍维修）。
+
+---
+
+### 8. 母校专区 🏫
+
+* 学校简介。
+* 校园风光相册。
+* 教职员工致辞/寄语。
+* 校史档案（重要年份、辉煌成就）。
+
+---
+
+### 9. 互动社区（可选升级版）
+
+* 校友论坛 / 讨论区。
+* 留言墙（给母校、学长学姐留言）。
+* 微信/WhatsApp 群组入口链接。
+
+---
+
+### 10. 多语言支持 🌐
+
+* 中文（简体/繁体）。
+* 英文（方便海外校友）。
+* 马来文（对本地校友与官方沟通更友好）。
+
+---
+
+## ⚙️ 技术实现建议
+
+* **前端框架** ：Vue (Nuxt) 或 React (Next.js)，利于 SEO 和国际化。
+* **后端** ：Node.js / C# / PHP Laravel（取决于团队习惯）。
+* **数据库** ：PostgreSQL / MySQL（存储用户信息、活动报名）。
+* **认证系统** ：Email + 学号/毕业年份验证。
+* **部署** ：可用 Vercel / Netlify（静态+SSR），或 VPS（更灵活）。
+
+---
+
+## 🎨 设计风格
+
+* 主色调： **校色** （深红、金黄等，参考永平中学校徽）。
+* 风格： **庄重+温暖** （既体现历史底蕴，又让校友感到亲切）。
+* 响应式设计：手机、平板、PC 自适应。
+
+---
+
+✨ 总结：这个官网不仅是  **展示** ，更要成为  **校友关系网络平台** 。第一期可以先上线  **介绍 + 新闻公告 + 活动报名 + 捐款** ，之后逐步扩展到  **校友名录 + 资源共享 + 社区互动** 。
+
+---
+
+要不要我帮你做一个  **MVP 网站信息架构（IA）+ 页面线框图** ？这样你可以更清楚第一版应该上线哪些页面和功能。

docs/News Structure.md

@@ -0,0 +1,79 @@
+如果你用 **Nuxt Content** 来做一个「新闻模块」📢，推荐的字段设计应该既能满足  **SEO、前端展示** ，又方便  **后期维护** 。我帮你列一个比较完整的 schema，你可以按需求裁剪：
+
+---
+
+### 🔑 必备字段
+
+```yaml
+title: "文章标题"
+slug: "自定义路由别名（如果不写就用文件名）"
+date: "发布日期 (ISO 格式，2025-09-30)"
+updated: "最后更新时间"
+author: "作者姓名 / 单位"
+description: "简短摘要（SEO & 列表用）"
+```
+
+---
+
+### 🎨 展示相关字段
+
+```yaml
+cover: "/images/news/xxx.jpg"   # 封面图
+tags: ["活动", "公告", "产品更新"]   # 文章标签
+category: "新闻分类（活动 / 通知 / 招聘 / 博客）"
+highlight: true   # 是否置顶 / 推荐
+```
+
+---
+
+### 📊 SEO & 社交分享
+
+```yaml
+seoTitle: "SEO 优化标题"
+seoDescription: "SEO 描述（优先级高于 description）"
+ogImage: "/images/og/news-xxx.jpg"   # 用于社交媒体分享的缩略图
+```
+
+---
+
+### 🏢 组织 & 来源信息
+
+```yaml
+organization: "Tootaio Studio"   # 发表单位
+sourceUrl: "原文链接（如果是转载）"
+```
+
+---
+
+### 🧩 可选扩展字段
+
+```yaml
+lang: "zh-CN"   # 多语言支持
+readingTime: 3   # 预计阅读时长（分钟）
+status: "draft | published"   # 发布状态
+```
+
+---
+
+### 📂 目录结构建议
+
+```
+content/
+  news/
+    2025-09-30-first-news.md
+    2025-10-01-second-news.md
+```
+
+每篇文章写在 `content/news/xxx.md` 里，前面用 **YAML frontmatter** 定义这些字段，正文就是 markdown 内容。
+
+---
+
+👉 我建议最小 MVP 至少要：
+
+`title, date, author, description, cover, category, tags`
+
+这样就可以做新闻列表页 + 详情页 + SEO。
+
+如果你想做「置顶新闻」或「专题合集」，就加 `highlight` 和 `category`。
+
+要不要我帮你直接写一个  **完整的示例 .md 文件** ，包含这些字段？