# mobylink.cn

**Repository Path**: MobyLink/mobylink.cn

## Basic Information

- **Project Name**: mobylink.cn
- **Description**: ☕️ 约杯咖啡 认识深圳 | 突破职场社交圈
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: https://mobylink.cn
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-08
- **Last Updated**: 2026-01-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 抹鲸 App - 产品官网

> 真实咖啡社交 App · 约杯咖啡，认识深圳

🌐 **官网**: [mobylink.cn](https://mobylink.cn)

## 项目介绍

抹鲸 App 产品落地页，用于展示产品功能、App 预览和引导用户关注微信公众号和小红书。

### 技术栈

- **纯静态**: HTML + CSS + JavaScript
- **无框架依赖**: 轻量、快速
- **响应式设计**: 适配桌面和移动端
- **图片处理**: Sharp + Node.js 脚本

## 快速开始

### 1. 安装依赖

```bash
npm install
```

### 2. 生成图片资源

从 `assets/MobyLink-logo.png` (1024x1024) 自动生成 favicon 和 OG 图片：

```bash
npm run generate
```

生成的文件：
- `assets/favicon-16.png`
- `assets/favicon-32.png`
- `assets/favicon-192.png`
- `assets/apple-touch-icon.png`
- `assets/og-image.png`

### 3. 本地预览

```bash
npm run serve
```

访问 http://localhost:3000

## 项目结构

```
mobylink.cn/
├── index.html                    # 主页面
├── styles.css                    # 样式表
├── company/
│   └── index.html                # 公司介绍页
├── scripts/
│   ├── main.js                   # 交互逻辑
│   └── generate-assets.js        # 图片生成脚本
├── assets/
│   ├── MobyLink-logo.png         # App Logo (1024x1024)
│   ├── MobyLink-wechat.jpg       # 公众号二维码
│   ├── MobyLink-xiaohongshu.jpg  # 小红书二维码
│   ├── favicon-*.png             # (生成)
│   ├── apple-touch-icon.png      # (生成)
│   └── og-image.png              # (生成)
├── package.json
├── CNAME
└── README.md
```

## 页面结构

1. **Hero**: App Logo + 标语 + CTA
2. **产品预览**: 3 个 iPhone Mockup
   - AI 对话页（语音消息 + 波形动画）
   - 预约页（周三/周六/周日场次）
   - 咖啡馆地图（深圳各区标记）
3. **核心功能**: 4 个功能卡片
4. **社交证明**: 数据展示 + 用户来源
5. **关注引流**: 二维码

## 相关链接

- 📧 **联系我们**: hi@mobylink.cn
- 📗 **微信公众号**: 抹鲸
- 📕 **小红书账号**: [抹鲸](http://xhslink.com/m/4tAjoeD7VTr)

## License

MIT © 2025 抹香互通 MobyLink