3da20d0097
This commit introduces a new `/members` page to display a directory of alumni association members. - Member data is sourced from a CSV file (`content/members/members.csv`) and managed via Nuxt Content. - The page presents member information in a table, including calculated graduation class (`届别`). - A link to the new page has been added to the main navigation. - Minor UI tweaks and data corrections in other sections are also included.
5.9 KiB
5.9 KiB
呈现原则
- 低调而清晰：把“报效 + 价值 + 开源”讲清楚，不喧宾夺主。
- 一致口径：PPT、主持人口播、新闻通稿用同一措辞。
- 可验证与可持续：展示交付范围和开源地址，强调长期可维护。
推荐版式（7–9 页）
- 封面：项目名、口号、日期、主办单位、技术支持
- 背景与目标：为什么要做官网
- 亮点与模块：新闻/活动/名人堂/关于/入会（占位）/后台脚手架
- 交付与价值：高定项目、价值、交付清单
- 开源与授权：开源协议、仓库地址、版权说明
- 运营与上线：内容节奏、参与方式、渠道联动
- 路线图：后续工作与可期
- 现场演示：流程提示（30–90 秒）
- 鸣谢与行动号召：访问方式、参与方式、致谢
关键页完整文案（可直接放入 PPT）
- 封面
- 标题：永平中学校友会官网上线发布
- 口号：连接校友 · 传承精神
- 时间地点：2025.10 永平中学
- 主办单位：永平中学校友会
- 技术支持（赞助）：Tootaio Studio
- 右侧放站点二维码（yphsalumni.org）与 public/Logo.svg
- 背景与目标
- 信息更集中：新闻公告、活动、校友故事统一发布
- 连接更紧密：线上平台增强凝聚力与参与感
- 长期可持续：标准化内容、可复用组件、开源治理
- 数字化基建：为报名、征文、捐赠等后续功能打基础
- 亮点与模块
- 新闻/公告：首发权威信息，SEO 友好
- 校友活动：预告、回顾与多媒体内容
- 名人堂：人物故事与图集
- 关于校友会：宗旨、会徽、校歌
- 入会申请：表单就绪（将逐步开通流程）
- 管理后台：内容与会员管理脚手架，随时对接后端
- 交付与价值（高定与报效）
- 本项目由 Tootaio Studio 报效永平中学校友会
- 价值：RM 30,000（高定项目）
- 交付清单（概览）
- 产品与信息架构：栏目与内容模型设计
- 视觉与 UI：主题风格、导航、Markdown 样式与组件库适配
- 前端开发：Nuxt 4、TypeScript、Tailwind、@nuxt/ui、@nuxt/content 集成
- 内容迁移与示例：新闻/活动/名人堂样例、封面与图集
- SEO 与分析：Sitemap/Robots/OG 元信息、可选 Umami 统计接入
- 构建与部署：静态导出/SSR 双方案、上线脚本与文档
- 说明：以上价值不含域名、服务器及第三方服务费用
- 开源与授权（透明与共建）
- 代码开源：项目源代码公开，便于校友与开发者共建
- 开源协议：MIT/Apache-2.0（二选一，建议在仓库添加 LICENSE）
- 仓库地址：Github 仓库链接与二维码（上线后填入）
- 版权说明：代码遵循开源协议；文字与图片等内容版权归原作者/校友会所有
- 贡献方式：提交 Issue/PR，按 content.config.ts 字段规范撰写内容
- 运营与上线
- 内容节奏：每周 1–2 篇新闻/活动；名人堂按策划发布
- 参与方式：投稿、提供史料、报名志愿者、技术共建
- 渠道联动：官网首发，同步 Facebook/TikTok
- 数据与隐私：尊重用户隐私，分析仅用于内容优化
- 路线图（示例）
- Q4：入会表单接通审核流程、内容后台 CRUD
- Q1：活动报名/签到、相册；捐赠模块调研
- Q2：校友企业与招聘、专题档案与时间轴
- 长期：多语言、校友地图、移动端优化
- 现场演示（30–90 秒）
- 首页 → 新闻详情 → 活动详情 → 名人堂图集 → 入会表单（现提示“功能未开放”）
- 若网络不稳：准备 45 秒屏录视频与关键页面截图备用
- 鸣谢与行动号召
- 访问：yphsalumni.org（扫码）
- 参与：投稿/志愿者/合作/赞助（留邮箱或表单链接）
- 鸣谢：校董会/校方/校友与志愿者、Tootaio Studio 技术支持
- 结束语：连接校友 · 传承精神
金额与赞助信息的呈现技巧
- 将“报效/价值/开源”分散露出，避免单页过度“商业化”：封面页署名（技术支持）、中段“交付与价值”页清晰展现、高尾页鸣谢再次确认。
- “RM30,000”用一行大数字配副标题“高定项目（报效）”，旁边放交付清单，强调价值而不过度营销。
- 视觉上弱化工作室 Logo（相对校友会 Logo 约 1/2–1/3 宽度），保持庄重。
主持人口播（15–20 秒）
- “本次官网由 Tootaio Studio 报效搭建，项目价值 RM 三万，为高定定制并全面开源。感谢工作室团队的专业支持，也欢迎校友与开发者共同参与建设。”
新闻通稿段落（可复用）
- “永平中学校友会官网今日正式上线。该项目由 Tootaio Studio 报效支持，项目价值 RM30,000，为高定定制网站并以开源方式发布。平台将持续发布新闻活动、名人堂故事等内容，欢迎校友访问 yphsalumni.org 并参与共建。”
素材清单
- 官网二维码（yphsalumni.org）
- 仓库二维码（开源后补充）
- Logo：public/Logo.svg、主视觉 public/hero-image-2.jpg
- 页面截图：主页、新闻、活动、名人堂、入会（与后台仪表盘）
- 一页式“交付清单与价值”图（可用饼图/图标矩阵）
合规与落地建议
- 确认开源协议（建议 MIT）并在仓库根目录添加 LICENSE
- 在 README.md 保留“报效/开源”说明与致谢，PPT 与通稿用同一表述
- 金额声明附说明：不含域名/服务器/第三方服务费
- 现场背景板与屏幕页脚统一“技术支持：Tootaio Studio”
需要的话，我可以：
- 直接为你生成一份可放映的 Marp/Reveal.js Markdown 幻灯，或输出 PPTX 模板（含上述文案与占位图）。
- 创建“交付与价值”信息图一页（AI 矢量），用于 PPT 与对外物料。