项目简介link

Quiety 是一款基于 Bootstrap 5 的 SaaS、软件科技及 IT 解决方案 HTML 模板，适合 IT 公司、软件企业和科技创业公司快速搭建官网。内置 LTR 和 RTL 双版本，采用 Gulp 构建工作流，支持 Sass/SCSS 编写样式。

技术栈link

• Bootstrap 5.2.0
• jQuery 3.6.0
• Sass / SCSS
• Gulp 4.0.2
• Babel
• Bourbon (Sass 库)
• BrowserSync

项目结构link

quietyhtml-760/
├── Documentation/          # 模板使用文档
│   ├── index.html
│   └── assets/css/
├── Quiety/                  # LTR 主版本
│   ├── gulpfile.js
│   ├── package.json
│   └── src/assets/          # 源码目录
│       ├── scss/
│       └── js/
└── Quiety-rtl/              # RTL 阿拉伯语版本
    ├── gulpfile.js
    └── package.json

核心文件说明link

• Quiety/gulpfile.js — Gulp 构建任务配置，定义开发编译和生产打包流程
• Quiety/package.json — 项目依赖声明，包含 Bootstrap、jQuery、Sass 等
• Quiety/src/assets/scss/ — SCSS 样式源码，编译后输出到 dist
• Quiety/src/assets/js/app.js — 自定义 JavaScript 入口文件
• Quiety/dist/ — Gulp 编译输出的生产文件目录
• Documentation/index.html — 模板定制指南文档

快速开始link

# 进入 Quiety 或 Quiety-rtl 目录
cd quietyhtml-760/Quiety

# 安装依赖
npm install

# 开发模式（启动 BrowserSync 热更新）
npm start

# 生产构建（压缩 CSS/JS、替换资源路径）
npm run build

使用建议link

• 优先使用 npm start 进行日常开发，可通过 BrowserSync 自动刷新预览
• 正式部署前务必执行 npm run build，Gulp 会自动合并压缩资源并替换 HTML 中的引用路径
• RTL 版本（Quiety-rtl）面向阿拉伯语、希伯来语等从右到左阅读习惯的市场