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.
109 lines
5.9 KiB
Markdown
109 lines
5.9 KiB
Markdown
呈现原则
|
||
|
||
- 低调而清晰:把“报效 + 价值 + 开源”讲清楚,不喧宾夺主。
|
||
- 一致口径: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 与对外物料。 |