Terminal Noir — 终端命令行美学 × 深色科技质感
面向多游戏的工具、服务与模组支持站点
- 🖥️ Terminal Noir 设计风格 — CLI 提示符、指令动画、翻页式交互
- 🔗 外链确认弹窗 — 终端打字动画，非本站域名的安全跳转提醒
- 🎨 动态背景系统 — 拓扑球体（首页）/ 粒子网格（子页）双 Canvas 交叉淡入淡出
- 🛠️ VTF 喷漆制作器 — 完整的在线 VTF/VMT 文件生成工具
- 📱 响应式 — 桌面端完整体验，移动端自适应精简布局
- ⚡ SPA 单页应用 — Vue Router 无刷新导航，淡入淡出过渡
- 🌐 备案合规 — 完整的 ICP 备案 / 公安联网备案信息展示
# 克隆仓库
git clone https://github.com/TeasOfficial/website.git
cd website
# 安装依赖
npm install
# 启动开发服务器
npm run dev # → http://localhost:3000
# 构建生产版本
npm run build # → dist/
# 预览构建结果
npm run previewwebsite/
├── public/
│ └── vtf-editor/ # VTF 编辑器静态资源（Worker 脚本等）
├── src/
│ ├── main.js # 入口
│ ├── App.vue # 根组件（加载动画 + 外链处理）
│ ├── router/index.js # 路由定义
│ ├── styles/base.css # 全局样式系统
│ ├── components/ # 可复用组件
│ │ ├── TopBar.vue # 顶栏
│ │ ├── TerminalBar.vue # 底部状态栏 + 指令队列
│ │ ├── BgCanvas.vue # 双 Canvas 动态背景
│ │ └── ExtLinkModal.vue # 外链确认弹窗
│ ├── views/ # 页面视图
│ │ ├── Home.vue # 首页（4 页翻页）
│ │ ├── GCCF.vue # GModCEFCodecFix
│ │ ├── VTF.vue # VTF 制作器（3 页翻页）
│ │ ├── VTFHelp.vue # VTF 教程（man-page 风格）
│ │ └── NotFound.vue # 404
│ ├── composables/
│ │ └── useExtLink.js # 外链检测逻辑
│ └── utils/vtf/
│ └── loader.js # VTF 脚本按序加载器
├── DESIGN.md # 设计风格文档
├── CLAUDE.md # AI 辅助开发上下文
└── README.md
Terminal Noir（终端暗调） — 独立视觉体系，详见 DESIGN.md
| 要素 | 实现 |
|---|---|
| 配色 | #08080c 底色 · #e8870a 橙色强调 · #c8c8d4 文字 |
| 字体 | Microsoft YaHei / PingFang SC（标题）· SF Mono / Cascadia Code（终端） |
| 几何 | 斜切角按钮 · 菱形分隔符 · 六边形徽标 · 四边装饰线 |
| CLI | $❯> 提示符 · 闪烁光标 · 底部状态栏 · 指令动画缓冲队列 |
| 动效 | 翻页淡入淡出 · 外链打字动画 · 球体/粒子交叉过渡 |
| 路径 | 页面 | 说明 |
|---|---|---|
/ |
首页 | Hero → 服务导航 → 关于 → 开发人员 |
/gccf |
GModCEFCodecFix | 补丁工具下载与文档 |
/vtf |
喷漆文件制作器 | 图片上传 → 编码设置 → 预览导出 |
/vtf/help |
使用教程 | 普通/渐变/动态喷漆教程 |
/* |
404 | 终端风格错误页 |
目前站点提供 7 项在线服务：
- NekoVerify · GModCEFCodecFix 中文镜像 · 喷漆文件制作器
- TeasBHOP 连跳社区 · 漂流瓶匿名留言
- 网易云音乐 API · 网易云音乐播放器 (GMOD)
| 备案号 | 链接 |
|---|---|
| 辽ICP备2023013547号 | 工信部查询 |
| 辽公网安备 21052202000156号 | 公安备案查询 |
- NekoGan — 所有者 · 官网开发 · Steam
- 技术支持：DeepSeek · Claude Code
GNU General Public License v3.0 © 2020-2025 TeasOfficial