
Bredh v2.1.3 - 使用 WHMCS 模板的多用途虚拟主机
# 项目简介
Bredh 是一款面向主机托管服务商的多用途 HTML + WHMCS 主题模板,包含完整的主页变体、服务介绍页(VPS/独服/域名/SSL 等)、联系表单及 WHMCS 主题。适合快速搭建主机/域名/云服务公司的企业官网。
## 技术栈
- Bootstrap 4(响应式布局框架)
- Static HTML5 / CSS3
- jQuery(交互与动画)
- PHP(联系表单 `mailer.php`)
- WHMCS(主题模板)
- Font Awesome(图标)
## 项目结构
```
bredh_themeforest_package_2.1.3/
├── HTML/
│ ├── Version 2.0/ ← 主模板(20+ 页面)
│ │ ├── index.html ← 首页
│ │ ├── mailer.php ← 联系表单后端
│ │ ├── hosting.html
│ │ ├── dedicated.html
│ │ ├── cloud-vps.html
│ │ ├── domains.html
│ │ ├── ssl.html
│ │ ├── cpanel.html
│ │ ├── wordpress.html
│ │ ├── shoutcast.html / icecast.html
│ │ ├── games.html
│ │ ├── signin.html / signup.html
│ │ └── ...
│ └── version 1.7/ ← 旧版模板
├── WHMCS themes/
│ ├── bredh moon (OLD)/
│ └── bredh sefar (NEW)/
└── documentation/
├── index.html ← 官方文档(内含 CSS/JS)
└── css/style.css
```
## 核心文件说明
- `HTML/Version 2.0/index.html` — 主站首页模板,支持多款预制变体切换
- `HTML/Version 2.0/mailer.php` — 联系表单后端,处理姓名/邮箱/留言并发送邮件
- `documentation/index.html` — ThemeForest 官方文档,涵盖模板定制、Logo 替换、WHMCS 安装等说明
- `documentation/css/style.css` — 文档站样式(含 Montserrat 字体及蓝色主题变量)
- `documentation/js/main.js` — 文档站 SyntaxHighlighter 语法高亮初始化脚本
- `WHMCS themes/` — 两套WHMCS 主题(bredh moon / bredh sefar),需复制至 WHMCS 模板目录激活
## 快速开始
1. **本地预览**
直接用浏览器打开 `HTML/Version 2.0/index.html` 即可浏览;如需联系表单发送邮件,需将整层目录放入 PHP 运行环境(如 phpStudy、XAMPP)。
2. **WHMCS 主题安装**
将 `bredh sefar (NEW)` 文件夹复制至 WHMCS 安装目录的 `/templates/` 下,在 WHMCS 后台 **设置 → 常规设置 → 模板** 中切换。
3. **联系表单配置**
编辑 `mailer.php`,将 `$recipient` 变量改为实际收件邮箱地址。
## 使用建议
- 该模板以托管/主机行业为主线,所有页面围绕服务器、域名、SSL 等服务设计,替换图片和文案后可直接用于商业项目。
- 模板附带粒子背景(particles.js)、滚动动画等效果,若部署在低配服务器上建议按需精简 JS 以提升加载速度。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML