项目简介
BeatX 是一款专业的音频播客与音乐网站 HTML 模板，基于 Bootstrap 4 构建，提供 9 种首页布局、多种播客/博客页面及完整响应式支持，适合快速搭建音频内容平台。
技术栈
- Bootstrap 4
- jQuery
- jPlayer（音频播放器）
- Slick Slider（轮播）
- Font Awesome
- Flaticon
- RTL 支持
项目结构
text
beatxhtml-10/package/
├── documentation/
│ ├── index.html # 模板使用文档
│ ├── css/
│ └── js/
└── html/
├── index.html # 首页（主入口）
├── index2~index8.html # 8 种首页变体
├── index-dark.html # 深色版首页
├── podcasts.html # 播客列表
├── blog-*.html # 博客相关页面
├── authors.html # 作者页
├── sponsors.html # 赞助商页
├── contact.html # 联系页面
├── login-register.html # 登录注册
├── css/ # 样式文件（含 6 种配色）
└── images/ # 图片资源
核心文件说明
html/index.html— 模板主入口页html/css/style.css— 主样式文件html/css/color.css— 配色主题文件html/css/bootstrap.min.css— Bootstrap 框架样式html/css/responsive.css— 响应式适配样式documentation/index.html— 官方文档页面
快速开始
直接用浏览器打开 beatxhtml-10/package/html/index.html 即可预览。如需本地服务器，可执行：
bash
npx serve beatxhtml-10/package/html
# 或
python -m http.server 8080 -d beatxhtml-10/package/html
使用建议
- 切换配色只需将
color.css替换为color1.css~color6.css之一 - 支持 RTL 模式：在
<body>标签添加rtlclass 即可 - 音频播放器依赖 jPlayer，请确保
js/目录文件完整
