Ebukz - 电子书和阅读商店 HTML 模板

# 项目简介 ebukz 是一个完整的网上书店服务 HTML 模板，基于 Bootstrap 框架构建，包含 3 个首页变体和 18 个内页模板，涵盖商品展示、购物车、结账、博客、作者/出版社介绍等完整电商流程。适合快速搭建图书电商网站。 ## 技术栈 - Bootstrap 5（响应式布局框架） - jQuery（DOM 交互与动画） - GSAP（高端动画效果） - Font Awesome 6 Pro（图标库） - Google Fonts：Josefin Sans（标题字体）、Poppins（正文字体） - Magnific Popup（图片灯箱） - Slick Slider（轮播组件） ## 项目结构 ``` ebukzhtml-10/ ├── documentation/ # 模板使用文档 │ ├── assets/ │ │ ├── css/style.css │ │ └── js/main.js │ └── index.html └── download version/ # 生产可用版本 ├── index.html # 首页（3个版本：index*.html） ├── shop*.html # 商品相关页面 ├── blog*.html # 博客相关页面 ├── cart.html # 购物车 ├── checkout.html # 结账 ├── vendor*.html # 出版社/作者页面 ├── author*.html # 作者页面 ├── about.html # 关于我们 ├── contact.html # 联系页面 ├── wishlist.html # 收藏夹 ├── 404.html # 错误页 └── assets/ # 静态资源 ├── css/ ├── fonts/ └── img/ ``` ## 核心文件说明 - `download version/index.html` — 书店首页主模板，包含精选图书展示与分类导航 - `download version/shop.html` — 商品列表页面，支持侧边栏筛选 - `download version/assets/css/style.css` — 主题核心样式文件（CSS 变量定义在文件顶部） - `download version/assets/js/main.js` — 全站交互逻辑（移动端菜单、滚动效果、轮播、GSAP 动画等） - `download version/mail.php` — 联系/表单提交的后端接口文件 - `documentation/index.html` — 模板官方使用文档 ## 快速开始 1. 下载 `ebukzhtml-10/download version` 目录至服务器或本地 Web 目录 2. 直接在浏览器打开 `index.html`，或使用任意本地服务器（如 Live Server）运行 3. 如需修改内容：编辑对应 HTML 文件中的文本与图片路径 4. 样式定制：编辑 `assets/css/style.css` 中的 CSS 变量（`--theme-color` 等） ## 使用建议 - 该模板为纯静态 HTML，需结合后端（PHP/Node.js）实现真正的购物与用户功能 - 正式部署前建议压缩 CSS/JS 文件并优化图片资源 - GSAP 和 WOW 动画依赖外部库，确保 `assets/js/main.js` 中引用的 CDN 链接可用