HyperDrive
HyperDrive 是一款适用于 Astro 框架的免费主题,旨在为您的下一个汽车经销商网站提供一个美观且功能强大的起点。无论您是销售汽车、摩托车、船只还是任何其他类似产品,HyperDrive 简洁的设计和易于使用的组件都能满足您的需求。
🌟 关于 HyperDrive
HyperDrive 非常适合希望创建现代化、响应式网站的汽车经销商。它提供了一系列预制页面和组件,可以轻松定制以适应您的品牌。该主题基于 Astro 构建,确保了快速的加载时间和卓越的性能。
🛠️ 使用的技术
- Astro:用于构建快速、以内容为中心的网站的核心框架。
- TailwindCSS:一个用于快速 UI 开发的实用工具优先的 CSS 框架。
- Embla Carousel:一个用于创建响应式滑块的现代化滑块库。
🚀 安装与部署
要开始使用 HyperDrive,请按照以下步骤操作
1. 克隆 HyperDrive
git clone https://github.com/wpinfusion/astro-hyperdrive.git
2. 安装依赖
npm install
3. 运行开发服务器
npm run dev
4. 构建生产版本
npm run build
📂 项目结构
在您的 HyperDrive 项目中,您会看到以下文件夹和文件
/ ├── public/ │ └── favicon.svg ├── src/ │ ├── assets/ │ ├── components/ │ ├── layouts/ │ │ └── Layout.astro │ ├── pages/ │ │ ├── index.astro │ └── styles/ └── package.json
📄 预制页面
- 主页
- 车辆
- 博客
- 联系我们
- 关于我们
- 服务
- 404
🛠️ 快速入门
要开始添加您的车辆,请转到 /content/cars 目录,并在一个 Markdown (.mdx) 文件中添加您的车辆数据。每辆车都应有唯一的 slug、标题以及其他相关信息,如价格、描述和图片。请参考 example.mdx 文件或任何现有的车辆示例来了解所需的结构。
👀 遇到问题?
如果您对 HyperDrive 有任何疑问或需要帮助,请随时通过 info@wpinfusion.com 与我联系,或在 HyperDrive GitHub 仓库上提交一个 issue