Skip to content

贡献者与招募 ​

本页说明首页核心贡献者名单与 /contributors 完整名单的配置方式、成员数据结构,以及招募岗位卡片与可用图标的设置方法。

两套名单的区别 ​

两套贡献者名单的配置位置与用途对比如下表所示:

核心贡献者全部贡献者
配置位置content.config.js → homeSections 的 coreContributors.contributorscontent.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 关闭

本站为原神角色「刻晴」同人生日庆祝活动页面,非官方内容。所涉及的游戏角色、图像、音乐等素材版权归 miHoYo / HoYoverse 所有。