# dingzhuang-grape

**Repository Path**: cloud-gradually/dingzhuang-grape

## Basic Information

- **Project Name**: dingzhuang-grape
- **Description**: 丁庄葡萄联社官网 - 基于Astro + Tailwind CSS的可配置化模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-06
- **Last Updated**: 2026-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 丁庄葡萄联社官网

基于 Astro + Tailwind CSS 构建的可配置化葡萄联社官网模板。

## 🚀 快速开始

```bash
# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

# 预览
npm run preview
```

## 📁 项目结构

```
├── src/
│   ├── components/     # 组件
│   │   ├── Header.astro
│   │   ├── Hero.astro
│   │   ├── Products.astro
│   │   ├── Features.astro
│   │   ├── Stats.astro
│   │   ├── Seasonal.astro
│   │   └── Footer.astro
│   ├── layouts/        # 布局
│   │   └── BaseLayout.astro
│   ├── pages/          # 页面
│   │   └── index.astro
│   ├── config/         # 配置文件
│   │   └── site.config.json
│   └── styles/         # 样式
│       └── global.css
├── public/             # 静态资源
│   └── images/
├── astro.config.mjs
├── package.json
└── vercel.json
```

## ⚙️ 配置说明

所有联社信息都在 `src/config/site.config.json` 中配置：

- `cooperative` - 联社基本信息（名称、标语、联系方式）
- `theme` - 主题颜色
- `navigation` - 导航菜单
- `hero` - 首页 Hero 区
- `products` - 产品列表
- `features` - 功能特色
- `stats` - 数据统计
- `seasonal` - 季节活动
- `footer` - 页脚

## 🎨 给其他联社使用

1. 复制整个项目
2. 修改 `src/config/site.config.json`
3. 替换 `public/images/` 下的图片
4. 部署到 Vercel

## 🌐 部署

### Vercel（推荐）

```bash
npm i -g vercel
vercel
```

### 手动部署

```bash
npm run build
# 将 dist/ 目录部署到任意静态托管服务
```

## 📄 许可证

MIT