Project Ginkgo - UESTC 招生探索终端

这是一个复古终端模拟器风格的静态网站，用于电子科技大学寒假返校招生宣讲活动。

🎯 项目特色

• 复古终端界面：模拟Linux终端的外观和交互
• 多层次信息设计：从简单到复杂，适合不同水平的访问者
• 解谜元素：隐藏文件、加密内容、域名彩蛋等
• 响应式设计：完美支持桌面端和移动端
• 纯静态页面：无需后端，可直接部署到任何静态托管服务

📁 文件结构

hx/
├── index.html          # 主页面
├── style.css          # 样式表
├── filesystem.js      # 虚拟文件系统
├── commands.js        # 命令处理系统
├── terminal.js        # 终端交互逻辑
└── README.md          # 本文件

🎮 探索路径设计

第一层：新手友好

最重要的信息应该很容易获得：

• help - 查看所有可用命令
• cat welcome.txt - 查看招生办联系方式
• cat about.txt - 了解电子科技大学

第二层：探索者

需要一点探索精神：

• ls -a - 发现隐藏的 .club 目录
• cd .club - 进入隐藏目录
• cat info.txt - 获取极客俱乐部信息
• cd /system/logs - 查看系统日志，获取线索

第三层：极客彩蛋

为技术爱好者准备：

• 阅读 /system/logs/access.log 获取加密文件提示
• 找到 /var/secrets/key.txt 获取解密方法
• 使用 decrypt /projects/ginkgo/source.enc rot13 解密文件
• 发现域名关系：hx.rumunius.top → rumunius.top
• 终极彩蛋：whoami --truth

额外彩蛋

• Konami Code：↑↑↓↓←→←→BA
• 首次访问有特殊欢迎消息

🛠️ 部署指南

方法1：GitHub Pages

1. 创建GitHub仓库
2. 将所有文件上传
3. 在仓库设置中启用GitHub Pages
4. 设置自定义域名为 hx.rumunius.top

方法2：Vercel

1. 将代码推送到GitHub
2. 在Vercel导入项目
3. 设置自定义域名
4. 自动部署

方法3：Netlify

1. 拖放文件夹到Netlify
2. 或连接Git仓库
3. 设置自定义域名

方法4：传统Web服务器

直接将所有文件上传到服务器根目录即可。

🔧 自定义配置

修改招生信息

编辑 filesystem.js 中的以下内容：

• 招生办电话：搜索 028-61831137
• 招生网址：搜索 https://zs.uestc.edu.cn
• 极客俱乐部群号：搜索 占位符占位符占位符

修改学校介绍

在 filesystem.js 中找到 about.txt 的内容部分进行修改。

添加新文件/目录

在 filesystem.js 的 fileSystem 对象中添加新的节点。

修改命令

在 commands.js 的 CommandHandler 类中添加或修改命令方法。

🎨 样式定制

所有样式都在 style.css 中，可以修改：

• 颜色主题（CSS变量在 :root 中）
• 字体大小
• 终端窗口大小
• 动画效果

📱 移动端优化

网站已经做了充分的移动端适配：

• 响应式布局
• 触摸优化
• 防止自动缩放
• 滚动优化

🎯 使用场景

1. NFC卡片：将 hx.rumunius.top 写入NFC卡片
2. 二维码：生成网址二维码供扫描
3. 直接分享：在宣讲会上展示并分享链接

💡 访问者引导建议

给访问者的提示：

1. "这是一个交互式终端，输入 help 查看可用命令"
2. "想了解成电？输入 cat welcome.txt"
3. "有探索精神？试试 ls -a 发现隐藏内容"
4. "懂技术？系统里藏着更深的秘密..."

🔒 信息层次总结

信息类型	难度	获取方式	预计完成率
招生办联系方式	⭐	cat welcome.txt	95%+
学校介绍	⭐	cat about.txt	90%+
极客俱乐部群号	⭐⭐	ls -a, cd .club	60%+
创作者博客	⭐⭐⭐	解密+域名推理	20%+
终极彩蛋	⭐⭐⭐⭐	whoami --truth	5%+

🐛 注意事项

1. 占位符信息：记得替换所有占位符内容
2. 测试：在多种设备和浏览器上测试
3. 备份：保留源代码副本
4. 监控：使用网站分析工具了解访问情况

📊 建议的统计追踪

可以集成以下工具了解访问者行为：

• Google Analytics
• 百度统计
• Umami（隐私友好）

🎓 教育意义

这个项目不仅是招生工具，也展示了：

• Linux命令行基础
• Web开发技能
• 用户体验设计
• 信息架构设计

📝 TODO（可选扩展）

• 添加更多命令（如 man, grep, alias 等）
• 实现简单的 vim 模拟器
• 添加 Python/JavaScript 代码执行环境
• 实现多用户系统
• 添加成就系统仪表盘
• 创建管理后台统计访问数据

📞 联系方式

如有问题，请访问：https://rumunius.top

---

"求实求真，大气大为" - 电子科技大学

Made with ❤️ for UESTC Recruitment 2026