项目简介
Nexhost 是一套面向主机托管服务商的多页面 HTML 模板，包含 5 种首页样式，涵盖共享主机、云主机、WordPress 托管、域名注册/转入、SSL 证书、邮箱托管等多个业务页面。模板基于 Bootstrap 布局，完全为静态页面，无需后端即可部署。
技术栈
- HTML5 + CSS3（静态页面）
- Bootstrap 5（响应式布局框架）
- jQuery（交互脚本）
- Slick Slider / Swiper（轮播组件）
- Font Awesome（图标字体）
- Google Fonts（Manrope、Plus Jakarta Sans、Roboto）
- meanmenu.js（移动端导航）
项目结构
text
nexthost/
├── index.html # 首页（第 1 套样式）
├── index-2.html ~ index-5.html # 其余 4 套首页
├── hosting.html # 主机方案列表
├── hosting-details.html # 主机详情页
├── shared-hosting.html # 共享主机
├── cloud-hosting.html # 云主机
├── wordpress-hosting.html # WordPress 托管
├── email-hosting.html # 邮箱托管
├── domain-checker.html # 域名查询
├── domain-register.html # 域名注册
├── domain-transfer.html # 域名转入
├── ssl-certificate.html # SSL 证书
├── price.html # 价格表
├── about.html / team.html # 关于 / 团队
├── blog*.html # 博客列表 / 详情
├── portfolio*.html # 作品集
├── contact.html / faq.html # 联系 / 常见问题
├── support.html # 技术支持
├── whois.html # WHOIS 查询
├── 404.html # 错误页
└── assets/
├── css/ # 所有样式文件（含 main.css）
├── fonts/ # 字体文件（Clash Display、Font Awesome）
└── images/ # 页面用图
docs/
├── index.html # 模板使用文档（Bootstrap Tab 导航）
├── css/style.css # 文档页样式
└── img/ # 文档页配图
核心文件说明
nexthost/index.html— 主入口页面，引用了所有核心 CSS 和 JSnexthost/assets/css/main.css— 模板主样式表（定义了颜色、动画、排版）nexthost/assets/css/bootstrap.min.css— Bootstrap 框架样式nexthost/assets/js/bootstrap.bundle.min.js— Bootstrap JS（含 Popper）docs/index.html— 官方文档页，含文件结构、SCSS 结构、第三方引用说明nexthost/assets/css/slick.css— Slick 轮播插件样式
快速开始
- 解压压缩包，进入
nexthost/目录 - 直接用浏览器打开
index.html即可预览 - 如需本地开发服务器，可运行：
或使用 VS Code 的 Live Server 插件bash
npx serve nexthost
使用建议
- 模板为纯静态 HTML，部署时直接将
nexthost/目录上传至任意 Web 服务器或静态托管平台（如 Vercel、Netlify）即可 - 页面间通过超链接跳转，修改导航链接时需同步更新各页面
- 模板内置了 5 套首页，切换时只需替换
<body>内部内容区块，CSS 无需改动
