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.
89 lines
4.4 KiB
Markdown
89 lines
4.4 KiB
Markdown
目标时长
|
||
|
||
- 5–7 分钟（6–8 页），节奏轻快，现场可插入 60–90 秒演示
|
||
|
||
推荐结构（6–8 页）
|
||
|
||
- 封面：项目名称、口号、日期与主办单位
|
||
- 为什么做：痛点与目标
|
||
- 核心功能：面向校友和公众的主要板块
|
||
- 设计与技术：品牌视觉与技术栈亮点
|
||
- 运营与上线：内容节奏、参与方式与上线计划
|
||
- 路线图：后续可期与合作方向
|
||
- 现场演示：30–90 秒 Demo 流程说明
|
||
- 行动号召与致谢：访问方式、参与方式、鸣谢
|
||
|
||
每页文案示例（可直接放入 PPT）
|
||
|
||
- 封面
|
||
- 标题：永平中学校友会官网上线发布
|
||
- 口号：连接校友 · 传承精神
|
||
- 时间地点：2025.10 永平中学
|
||
- 主办：永平中学校友会 | 技术支持：Tootaio Studio
|
||
- 右侧放二维码（yphsalumni.org）+ public/Logo.svg
|
||
- 为什么做（愿景与价值）
|
||
- 信息更集中：新闻公告、活动安排、校友故事统一发布
|
||
- 连接更紧密：线上平台增强校友互联与参与感
|
||
- 传承更长久：记录校史、人事与精神资产
|
||
- 数字化基建：为后续报名、征文、捐赠等打基础
|
||
- 核心功能（首发）
|
||
- 新闻与公告：重要信息一处直达
|
||
- 校友活动：预告、报名与回顾
|
||
- 名人堂：优秀校友故事与图集
|
||
- 关于校友会：宗旨、会徽、校歌
|
||
- 入会申请：表单已就绪（当前为占位，逐步开通）
|
||
- 后台脚手架：内容与会员管理后续接通
|
||
- 设计与技术（可信与可持续）
|
||
- 视觉基因：主色 #fb9e3a、副色 #fcef91（温暖、亲和、纪念感）
|
||
- 易读排版：专属 Markdown 样式，移动优先
|
||
- 技术栈：Nuxt 4、TypeScript、Tailwind CSS、@nuxt/ui、@nuxt/content
|
||
- SEO 就绪：Sitemap、Robots、Meta/OG/Twitter 卡片
|
||
- 部署灵活：可静态托管，也可 SSR 托管
|
||
- 运营与上线（如何用起来）
|
||
- 内容节奏：每周1–2篇新闻/活动；名人堂按策划发布
|
||
- 投稿机制：校友/老师/班级提供图文，统一编审发布
|
||
- 渠道联动：官网首发，同步 Facebook/TikTok
|
||
- 数据分析：尊重隐私的访问统计，用于优化内容结构
|
||
- 路线图（Roadmap）
|
||
- Q4：入会表单接通审核流程、内容 CRUD 后台
|
||
- Q1：活动报名/签到、相册；捐赠模块调研
|
||
- Q2：校友企业与招聘、专题档案与时间轴
|
||
- 长期：多语言、校友地图、移动端优化
|
||
- 现场演示（30–90 秒）
|
||
- 首页开场 → 打开一条新闻 → 切到活动详情 → 看名人堂图集
|
||
- 快速展示入会表单（目前“功能未开放”提示）
|
||
- 如需：展示后台仪表盘框架（结构就绪，等接入）
|
||
- 行动号召与致谢
|
||
- 访问：yphsalumni.org（扫码关注）
|
||
- 参与：投稿、提供史料、报名志愿者、提供赞助与合作
|
||
- 关注我们：Facebook「永平中学校友会」、TikTok「@yphs.alumni」
|
||
- 致谢：校董会/校方/校友与志愿者、Tootaio Studio 技术支持
|
||
|
||
视觉与排版建议
|
||
|
||
- 版式：16:9，黑/深灰背景或浅色质感底，突出橙色点缀
|
||
- 字体：中文优先思源黑体/Noto Sans SC；标题粗体、正文中等
|
||
- 统一元素：使用 public/Logo.svg 与 public/hero-image-2.jpg 作封面/过渡图
|
||
- 图片素材：新闻/活动封面取自 public/news/*、public/events/*、public/hall-of-fame/*
|
||
- 最少字多图：每页 3–5 条要点，每条不超过一行半
|
||
|
||
演示备选方案（网络不稳时）
|
||
|
||
- 准备 30–60 秒无声/配乐屏录视频（首页→新闻→活动→名人堂→入会）
|
||
- 关键页面截图备选：主页、新闻详情、活动详情、名人堂人物页、后台仪表盘
|
||
- 本地二维码图片（指向官网），避免临场生成失败
|
||
|
||
可选加页（视场合增减）
|
||
|
||
- 用户故事：校友/老师/在校生各 1 个使用场景
|
||
- 隐私与安全：不采集敏感信息、分析工具与停用开关
|
||
- 合作与赞助：纪念册/活动共创与鸣谢方式
|
||
- FAQ：如何投稿、如何加入志愿者、如何反馈问题
|
||
|
||
素材清单（制作 PPT 前先备齐）
|
||
|
||
- Logo 与主视觉：public/Logo.svg、public/hero-image-2.jpg
|
||
- 二维码：yphsalumni.org（建议白底黑码，配校色边框）
|
||
- 页面截图：主页、新闻、活动、名人堂、入会、后台
|
||
- 文案确认：宗旨口号、愿景 1 句话、路线图 3–5 条
|
||
- 联系方式：官方邮箱/表单链接、官方社媒链接 |