# 🚀 快速入门指南

欢迎使用 FLNXI电商素材系统官方网站！

## 📦 立即开始

### 第一步：安装依赖

```bash
npm install
```

### 第二步：启动开发服务器

```bash
npm run dev
```

### 第三步：访问网站

打开浏览器访问：http://localhost:3000

就这么简单！🎉

---

## 🎨 自定义配置

### 修改Logo

打开 `components/Header.tsx` 和 `components/Footer.tsx`，找到图片URL并替换：

```typescript
src="https://s3.1080p.hk/yedir/2025/10/26/eaa96463c57b421b8de8db573d75f1fb.png"
```

### 修改演示链接

全局搜索并替换：`http://sc.flnxi.com` → 你的演示地址

### 修改价格

编辑 `components/Pricing.tsx`：

```typescript
<span className="text-5xl font-bold text-apple-blue">¥1,999</span>
```

### 修改联系方式

编辑 `components/Contact.tsx` 和 `components/Footer.tsx`：

```typescript
{
  title: '电子邮件',
  value: 'contact@flnxi.com',  // 修改这里
}
```

---

## 🐳 Docker快速部署

### 一键启动

```bash
docker-compose up -d
```

### 查看日志

```bash
docker-compose logs -f
```

### 停止服务

```bash
docker-compose down
```

---

## 📝 常用命令

| 命令 | 说明 |
|------|------|
| `npm run dev` | 启动开发服务器 |
| `npm run build` | 构建生产版本 |
| `npm start` | 启动生产服务器 |
| `npm run lint` | 代码检查 |

---

## 🌐 访问演示

### 本地开发

http://localhost:3000

### 演示系统

http://sc.flnxi.com

---

## 💡 常见问题

### Q: 端口3000被占用怎么办？

**A:** 修改端口：

```bash
PORT=8080 npm run dev
```

### Q: 图片加载不出来？

**A:** 检查 `next.config.js` 中的图片域名配置

### Q: 部署到生产环境需要什么？

**A:** 只需要Docker即可，无需Node.js环境

---

## 📞 需要帮助？

- 📧 Email: contact@flnxi.com
- 🌐 演示: http://sc.flnxi.com
- 📖 完整文档: 查看 `README.md` 和 `DEPLOYMENT.md`

---

**开始享受使用FLNXI吧！** ✨