战队宣传官网开源

写在前面：对于成立不久的小队伍来说，招新一直是新队伍的一大难题，新学期的大一新生懵懵懂懂，是战队成长的潜力仓库，但是经过26赛季与各个新生队伍以及老队伍打交道，我发现大多数弱队是没有宣传组的，而核心成员主要以开发机器人为主，难以在备赛过程中留出空闲时间进行赛事文化的宣传，导致招不到下届接班人，甚至面对濒临技术断代的情况。

本战队第一个开源便是针对此问题，个人认为，战队的传承大于一切，因此将我认为最重要的战队官网开源，而不是机械或者电控赛季开源。在传统宣传不完善的情况下，可以将整个网站作为管理框架，方便战队管理层快速上手，第一时间建立起战队的官网，不管是招新宣传、比赛经历、战队仓库都可以一股脑扔进来进行系统性的整理，这样方便战队后续赛季招新、以及最重要的战队技术库，可能的话也可以靠官网拉赞助当然我也考虑了成本问题，服务器使用开源的vercel部署Github库，在阿里云只需新用户注册即可最低1块购买1年的域名，相比周边等可谓是基本零成本宣传了。部署时间的话，可能半周都用不着，零基础的话记得找会前端的同学帮帮忙。

26赛季招新的时候，使用官网➕问卷星的方式纳新，要比本校传统交面试表的方式要有效率的多，方便快速掌握新生信息，从而进行对应策略调整。亦或者是校内选拔赛的时候使用官网宣传，要更方便的多。

开源正文

仓库采用 Next.js + React + TypeScript + Tailwind CSS 搭建，目标是让战队成员即使是新手，也能快速上手维护页面内容、上线网站、绑定域名并长期运营。

这个项目适合做什么

战队主页展示
招新宣传页
分组介绍页
项目成果展示页
对外合作入口页

当前已实现内容

首页战队介绍
五大分组卡片与弹窗
各分组独立详情页
项目成果展示区
社交媒体与 GitHub 外链
招新报名与联系入口

技术栈

Next.js 15
React 19
TypeScript
Tailwind CSS 4
lucide-react

目录结构

rm-team-fever-master/
├─ public/                         # 静态资源
├─ src/
│  └─ app/
│     ├─ globals.css              # 全局样式
│     ├─ layout.tsx               # 根布局、字体、站点 metadata
│     ├─ page.tsx                 # 首页
│     └─ groups/
│        ├─ mech/page.tsx         # 机械组页面
│        ├─ elec/page.tsx         # 电控组页面
│        ├─ pcb/page.tsx          # 硬件组页面
│        ├─ vision/page.tsx       # 视觉组页面
│        └─ ops/page.tsx          # 运营组页面
├─ docs/
│  ├─ PROJECT_ANALYSIS.md         # 工程分析文档
│  ├─ BEGINNER_GUIDE.md           # 入门教程
│  └─ DEPLOYMENT_AND_MAINTENANCE.md
├─ package.json
├─ tsconfig.json
└─ README.md

页面路由说明

路由	作用
`/`	官网首页
`/groups/mech`	机械组详情页
`/groups/elec`	电控组详情页
`/groups/pcb`	硬件组详情页
`/groups/vision`	视觉组详情页
`/groups/ops`	运营组详情页

本地启动

1. 准备环境

建议安装：

Node.js 当前 LTS 版本
npm

安装完成后，在项目根目录执行：

npm install

2. 启动开发服务器

npm run dev

浏览器打开：

http://localhost:3000

3. 常用命令

npm run dev
npm run build
npm run start
npm run lint

改首页文案、社交链接、分组卡片

看这里：

src/app/page.tsx

这里维护了：

首页标题与简介
社交媒体链接
五个分组的数据
项目展示区
招新入口

改各分组详情页

看这里：

src/app/groups/mech/page.tsx
src/app/groups/elec/page.tsx
src/app/groups/pcb/page.tsx
src/app/groups/vision/page.tsx
src/app/groups/ops/page.tsx

这里维护了：

分组职责
技能栈
在招方向
成员模板
学习资料入口

改网站标题、描述、浏览器页签信息

看这里：

src/app/layout.tsx

改全局样式

看这里：

src/app/globals.css

放图片、图标、宣传素材

放这里：

public/

新手维护建议

如果你是第一次接触前端，建议不要一上来就重构代码，先按这个顺序维护：

先改文案
再改链接
再换图片
最后再改布局和颜色

这样最不容易把页面改坏。

推荐维护流程

新建一个分支
本地修改页面
本地预览确认
推送到代码仓库
让 Vercel 自动生成预览链接
确认没问题后再合并到主分支

文档索引

这三个文档在开源文件的Doc文件夹中，请使用vscode自带的markdown查看器查看

开源协作说明

这个仓库的主要目标是：

方便战队宣传使用
方便招新时快速更新信息
方便成员共同维护官网内容
方便开源展示战队的工程形象

如果你准备公开仓库，建议你额外补齐以下内容：

LICENSE
战队 Logo 和素材的授权说明
CONTRIBUTING.md
Issue / PR 规范

当前工程特点

这个项目的优点是上手快、页面直接、部署方便，适合作为战队官网起点。

同时也要注意：

首页内容目前写在一个文件里，后续组件可以继续拆分
五个分组页面结构相似，后续可以考虑抽公共组件
目前部分内容仍然是占位示例，正式上线前应替换成真实资料
仓库暂未包含开源许可证，公开前请先补齐

部署说明

本项目非常适合部署到 Vercel。

完整部署教程、域名购买、DNS 配置、自定义域名绑定、日常维护和回滚策略，已经写在：

域名购买、Vercel 部署与日常维护

开源链接

https://github.com/chudie233/rm-team-fever.git

战队官网预览

www.rm-team-fever.top

写在后面：

由于此链接已经和战队官网重映射，因此此仓库永不维护，后续本人所有开源也不在此仓库账号更新，战队官网也还有差不多三个月将到期了，很抱歉这么晚才发布开源，发布这个开源的本意是希望后来者能将战队传承做好，小孩能快速上手，26赛季是本校第一次打RM，而作为老💡的我没有跟着队友走到最后，我知道自己很不负责任，但是对比赛的热爱依旧没有丧失，依旧想为战队和RM生态做一些力所能及的事情。开源会不断维护，如果有建议请添加QQ联系我。

Image_1775124919709_259(1).png

各位R友们我们赛场上见

2026.4.2