Nafty - Crypto and NFT HTML Template

# 项目简介 Nafty 是一套面向 NFT（非同质化代币）项目的静态 HTML 落地页模板，包含首页、About、Collection、Blog、Contact 等 20+ 完整页面，适用于加密艺术平台、数字藏品市场或区块链游戏官网。模板基于 Bootstrap 5 构建，响应式适配，支持多版本首页样式切换。 ## 技术栈 - Bootstrap 5（响应式框架） - jQuery（交互脚本） - Font Awesome（图标库） - Slick Slider（轮播组件） - Animate.css（滚动动画） - Google Fonts: Unbounded（主字体） ## 项目结构 ``` 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` 等），修改主题色只需改此处即可全局生效