
MYKD - 电子竞技和游戏 NFT 模板
# 项目简介
MYKD 是一款面向电竞游戏与 NFT 领域的深色系静态网页模板,预置首页、商城、博客、赛事、团队介绍等 20+ 页面,适合快速搭建游戏俱乐部或 NFT 交易平台原型。
## 技术栈
- Bootstrap 5.1.3(响应式布局与栅格系统)
- jQuery(DOM 操作与插件生态)
- Swiper.js / Slick(轮播与滑动组件)
- WOW.js / GSAP(滚动动画与过渡效果)
- Poppins / Barlow 字体(内置 Webfont)
- PHP(仅用于联系表单邮件发送)
## 项目结构
```
mykdhtml-10/
├── Documentation/ # 官方文档
├── mykd/ # 正式版(含完整注释)
│ ├── assets/
│ │ ├── css/ # 样式文件(main.css 等)
│ │ ├── js/ # 交互脚本(main.js 等)
│ │ ├── audio/ # 点击音效
│ │ └── mail.php # 表单后端
│ └── *.html # 20+ 页面
└── mykd-minified/ # 压缩版(生产环境使用)
```
## 核心文件说明
- `mykd/assets/js/main.js` — 全站交互逻辑(导航、轮播、动画、滚动监听等 30+ 功能模块)
- `mykd/assets/css/main.css` — 主样式表,含深色主题变量与 20 个组件区块样式
- `mykd/index.html` — 主首页,含 Banner、排行榜、赛事日历等电竞核心模块
- `mykd/shop.html` — 商品列表页,展示卡片布局与筛选交互
- `mykd/tournament.html` — 赛事页面,含赛程与队伍信息展示
- `Documentation/index.html` — 官方文档,描述模板结构与定制方式
## 快速开始
```bash
# 1. 进入模板目录
cd mykdhtml-10/mykd
# 2. 本地服务器(任选其一)
npx serve # 推荐
python -m http.server 8080
php -S localhost:8000
# 3. 浏览器访问 http://localhost:8080
```
> 静态资源可直接打开,但部分 AJAX 与联系表单功能需在服务器环境下运行。
## 使用建议
- 生产部署建议使用 `mykd-minified` 目录,文件已压缩;开发调试使用 `mykd` 目录含完整注释。
- 替换 Logo、图片、音效文件后即可上线;深色主题与霓虹绿(#45f882)配色适合电竞风格网站。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML