项目简介link

MYKD 是一款面向电竞游戏与 NFT 领域的深色系静态网页模板，预置首页、商城、博客、赛事、团队介绍等 20+ 页面，适合快速搭建游戏俱乐部或 NFT 交易平台原型。

技术栈link

• Bootstrap 5.1.3（响应式布局与栅格系统）
• jQuery（DOM 操作与插件生态）
• Swiper.js / Slick（轮播与滑动组件）
• WOW.js / GSAP（滚动动画与过渡效果）
• Poppins / Barlow 字体（内置 Webfont）
• PHP（仅用于联系表单邮件发送）

项目结构link

mykdhtml-10/
├── Documentation/          # 官方文档
├── mykd/                   # 正式版（含完整注释）
│   ├── assets/
│   │   ├── css/            # 样式文件（main.css 等）
│   │   ├── js/             # 交互脚本（main.js 等）
│   │   ├── audio/          # 点击音效
│   │   └── mail.php        # 表单后端
│   └── *.html              # 20+ 页面
└── mykd-minified/          # 压缩版（生产环境使用）

核心文件说明link

• 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 — 官方文档，描述模板结构与定制方式

快速开始link

# 1. 进入模板目录
cd mykdhtml-10/mykd

# 2. 本地服务器（任选其一）
npx serve                    # 推荐
python -m http.server 8080
php -S localhost:8000

# 3. 浏览器访问 http://localhost:8080

静态资源可直接打开，但部分 AJAX 与联系表单功能需在服务器环境下运行。

使用建议link

• 生产部署建议使用 mykd-minified 目录，文件已压缩；开发调试使用 mykd 目录含完整注释。
• 替换 Logo、图片、音效文件后即可上线；深色主题与霓虹绿（#45f882）配色适合电竞风格网站。