返回主题列表

HyperDrive

HyperDrive 是一款适用于 Astro 框架的免费主题,旨在为您的下一个汽车经销商网站提供一个美观且功能强大的起点。无论您是销售汽车、摩托车、船只还是任何其他类似产品,HyperDrive 简洁的设计和易于使用的组件都能满足您的需求。


价格

免费


创建者
WP Infusion

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