Crafto v3.0 - 多用途 HTML5 模板 preview 1

Crafto v3.0 - 多用途 HTML5 模板

bookmark

Crafto 是由 ThemeZaa 出品的多用途 HTML5 网站模板，基于 Bootstrap 5 构建，提供 52+ 预制演示站点，涵盖企业、营销、美容、建筑、品牌、咨询等多种行业场景。内置 SCSS 源码和完整的 Gulp 构建流程，适合快速落地各类网站项目。

HTML

项目简介

Crafto 是由 ThemeZaa 出品的多用途 HTML5 网站模板，基于 Bootstrap 5 构建，提供 52+ 预制演示站点，涵盖企业、营销、美容、建筑、品牌、咨询等多种行业场景。内置 SCSS 源码和完整的 Gulp 构建流程，适合快速落地各类网站项目。

技术栈

  • HTML5 + Bootstrap 5
  • SCSS (Sass)
  • Gulp 4 (sass 编译、CSS/JS 压缩、BrowserSync)
  • Slider Revolution 动画

项目结构

text
Crafto/
├── documentation/          # 模板文档入口页
│   ├── index.html
│   ├── css/style.css
│   └── images/
├── html/                   # 模板主体
│   ├── index.html          # 首页入口
│   ├── gulpfile.js         # Gulp 构建配置
│   ├── package.json
│   ├── maintenance.html    # 维护模式页
│   ├── demo-*.html         # 52+ 预制演示页面
│   ├── css/
│   ├── js/
│   └── images/

核心文件说明

  • html/gulpfile.js — 定义 sass 编译、CSS/JS 合并压缩、BrowserSync 热更新等构建任务
  • html/package.json — 项目依赖声明，含 gulp、sass、browser-sync 等
  • html/index.html — 模板主入口，顶部导航包含全部 52+ 演示站点链接
  • html/maintenance.html — 网站维护模式页面，含订阅通知表单
  • documentation/index.html — 模板文档中心入口页
  • documentation/css/style.css — 文档页样式，响应式布局适配多端

快速开始

bash
cd html
npm install
npx gulp

浏览器自动打开 http://localhost:3000，修改 sass/**/*.scss 文件后 CSS 会自动编译刷新。

使用建议

项目源码均使用 SCSS，如需定制主题样式，直接在 sass/ 目录修改对应变量文件；若只需简单调整，可直接在生成的 css/style.css 中覆盖。52+ 演示页面可直接复制到 html/ 根目录使用。

help_outline

常见问题