贡献者与招募
本页说明首页核心贡献者名单与 /contributors 完整名单的配置方式、成员数据结构,以及招募岗位卡片与可用图标的设置方法。
两套名单的区别
两套贡献者名单的配置位置与用途对比如下表所示:
| 核心贡献者 | 全部贡献者 | |
|---|---|---|
| 配置位置 | content.config.js → homeSections 的 coreContributors.contributors | content.config.js → contributorsPage.members |
| 展示位置 | 首页板块 | /contributors 独立页面(懒加载) |
| 用途 | 展示主办与核心成员 | 感谢每一位参与者 |
| 相互影响 | 没有。两份名单完全独立,改谁也不影响另一个 | 同上 |
首页卡片的「查看全部」按钮跳转 /contributors。
成员数据结构
单个成员的数据结构如下:
js
{
name: '我家晴宝不可能这么可爱', // 昵称
role: '主办', // 职位 / 负责内容
avatar: '/images/direct.webp', // 头像图片
bilibili: 'https://space.bilibili.com/3546695900072565', // B 站个人空间链接
}各字段的必填情况与说明如下表所示:
| 字段 | 必填 | 说明 |
|---|---|---|
name | 是 | 昵称,显示在头像下方 |
role | 是 | 职位 / 负责内容,显示在昵称下面一行 |
avatar | 否 | 头像图片路径,建议放 public/images/,比例接近正方形效果最佳。不填则显示默认图标 |
bilibili | 否 | B 站空间链接。留空或填 '#' 表示头像不可点击 |
添加成员
加入首页核心展示:在 coreContributors.contributors 数组中追加一项。
加入完整名单:在 contributorsPage.members 数组末尾(文件中有注释标记的位置)追加一项。
提示
核心成员通常变动较少;每次活动结束后,将新参与者补进 contributorsPage.members 即可,不必全部展示在首页。
招募板块 recruit
岗位卡片的数据结构如下:
js
{
icon: 'Palette', // Lucide 图标名
title: '创意设计', // 岗位名称
desc: '海报、横幅、周边等视觉设计', // 一句话说明
skills: ['平面设计', '插画创作', 'UI/UX设计'], // 技能标签
}各字段的说明如下表所示:
| 字段 | 说明 |
|---|---|
icon | 卡片左上角的图标,填 Lucide 图标的英文名 |
title | 岗位名称 |
desc | 一句话岗位说明 |
skills | 技能标签数组,显示为卡片底部的小胶囊 |
可用图标名速查
icon 字段不能填写任意 Lucide 图标名。RecruitPanel.jsx 中有一个写死的图标映射表(iconMap),目前只注册了以下 6 个:
| 图标名 | 形状 | 适合岗位 |
|---|---|---|
Palette | 调色盘 | 设计、绘画 |
Video | 摄像机 | 视频、剪辑、MMD |
Music | 音符 | 作曲、编曲、翻唱 |
FileText | 文档 | 文案、策划 |
Gamepad2 | 手柄 | 游戏素材、玩法测试、剧情 |
Users | 人群 | 综合事务、社区协力 |
填写上表之外的名称不会报错,但会回退显示为 Users(人群)图标。
如需新增图标(如 Camera、Mic):打开 src/components/RecruitPanel.jsx,在文件顶部 import { ... } from 'lucide-react' 中加入该图标,并补进 iconMap 对象。完整图标库见 Lucide 图标官网。
布局行为
- 卡片按
items数组顺序排列 - 桌面端一行 3 张,平板 2 张,手机 1 张(响应式网格自动处理)
- 每个卡片有悬停上浮与图标动画,可在
theme.config.js→effects.animations关闭