项目简介
Nafty 是一套面向 NFT（非同质化代币）项目的静态 HTML 落地页模板，包含首页、About、Collection、Blog、Contact 等 20+ 完整页面，适用于加密艺术平台、数字藏品市场或区块链游戏官网。模板基于 Bootstrap 5 构建，响应式适配，支持多版本首页样式切换。
技术栈
- Bootstrap 5（响应式框架）
- jQuery（交互脚本）
- Font Awesome（图标库）
- Slick Slider（轮播组件）
- Animate.css（滚动动画）
- Google Fonts: Unbounded（主字体）
项目结构
text
naftyhtml-10/
├── documentation/ # 模板使用文档（CSS/JS 结构说明）
│ ├── css/
│ ├── js/
│ └── index.html
└── nafty/ # 主模板目录
├── index.html # 首页（三个版本：index-2/3.html）
├── about.html # 关于页（三个变体）
├── collections.html # 藏品合集页
├── blog.html # 博客列表
├── blog-single.html # 博客详情
├── contact.html # 联系方式
├── admin.html # 管理后台
├── login.html # 登录页
├── pricing.html # 定价页
├── profile.html # 用户资料页
├── error.html # 404 错误页
└── assets/
├── css/ # 样式文件（style.css 为主样式表）
└── js/ # JS 脚本
核心文件说明
nafty/index.html— 首页入口，包含导航、搜索栏、藏品展示区块nafty/assets/css/style.css— 主样式表，定义主题色、字体、排版nafty/assets/css/bootstrap.min.css— Bootstrap 5 基础样式nafty/assets/css/slick.css— Slick 轮播组件样式documentation/index.html— 官方文档，含 HTML 结构、依赖说明documentation/css/style.css— 文档站自身样式
快速开始
直接用浏览器打开 naftyhtml-10/nafty/index.html 即可预览。如需本地服务器（推荐），可执行：
bash
npx serve naftyhtml-10/nafty
# 或
python -m http.server 8080 -d naftyhtml-10/nafty
使用建议
- 正式使用前需将外部 CDN 资源（如 Google Fonts）替换为本地文件，确保内网环境可访问
assets/css/style.css中定义了 CSS 变量（--theme-color1等），修改主题色只需改此处即可全局生效
