# 网站代码

**Repository Path**: mcyin-wallpaper/website-code

## Basic Information

- **Project Name**: 网站代码
- **Description**: Wallpaper时光机 - 网站代码

- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://wallpaper.mcyin.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-05
- **Last Updated**: 2026-01-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Wallpaper时光机 - 网站代码

一个基于 Cloudflare Pages 与 Coze Web SDK 的壁纸网站，提供每日壁纸展示和下载功能。

## 项目结构

```
website-code/
├── images/                  # 图片资源目录
│   ├── icons/               # 图标资源
│   │   └── button/          # 按钮图标
│   ├── Size.png             # 尺寸选择图标
│   ├── background-image.png # 默认背景图片
│   ├── icon.png             # 应用图标
│   └── splashscreen.png     # 启动页图片
├── LICENSE                  # 许可证文件
├── README.md                # 项目说明文档
├── _routes.json             # Cloudflare 路由配置
├── _worker.js               # Cloudflare Worker 主文件
├── app.html                 # APP主页面
├── detail.html              # APP壁纸详情页面
├── favicon.ico              # 网站图标
└── index.html               # 网站首页
```

## 功能特性

### 1. 壁纸展示
- 每日更新高质量壁纸
- 支持多种分辨率选择
- 壁纸预览功能

### 2. APP壁纸详情页下载壁纸功能
- 支持多种尺寸下载：
  - 原图（UHD）
  - 4K 横屏 (3840x2160)
  - 2K 横屏 (2560x1440)
  - 2K 竖屏 (1440x2560)
  - 1K 横屏 (1920x1080)
  - 1K 竖屏 (1080x1920)

### 3. 浏览量统计功能
- 壁纸浏览量统计
- 壁纸日期展示

### 4. 响应式设计
- 支持移动端和桌面端
- 触摸友好的界面

## 技术栈

- **Cloudflare Pages**: 部署平台
- **Cloudflare Workers**: 服务器端运行环境
- **HTML5/CSS3**: 页面结构和样式
- **JavaScript**: 交互逻辑
- **Coze Web SDK**: 集成 Coze 平台功能

## 部署说明

### 环境变量

部署时需要配置以下环境变量：

- `WORKFLOW_ID`: Coze 工作流 ID
- `APP_ID`: Coze 应用 ID
- `tokenWorker`: 用于获取访问令牌的 Worker 服务，关联项目：[@mcyin-workers/coze-token-worker](https://github.com/mcyin-workers/coze-token-worker)

### 部署步骤

1. 克隆项目到本地
2. 配置 Cloudflare Pages 项目
3. 设置环境变量
4. 部署到 Cloudflare Pages

## API 接口

### `/view` - 壁纸浏览量统计接口

**请求方法**: GET/POST

**参数**:
- `enddate`: 壁纸日期

**响应**: 返回壁纸统计数据

### `/detail` -· APP壁纸详情页

**请求方法**: GET

**参数**:
- `enddate`: 壁纸日期

**响应**: 返回壁纸详情页面

### `/js/index.js` - 网站首页 SDK 初始化接口

**请求方法**: GET

**响应**: 返回 Coze Web SDK 初始化代码

### `/js/app.js` - APP主页面 SDK 初始化接口

**请求方法**: GET

**响应**: 返回 Coze Web SDK 初始化代码

## 主要文件说明

### `_worker.js`

Cloudflare Worker 主文件，处理所有动态请求：

- 壁纸数据获取
- API 接口处理
- SDK 初始化

### `detail.html`

APP壁纸详情页面，包含：

- 壁纸展示
- 下载功能
- 统计信息
- 尺寸选择

### `index.html`

网站首页，集成 Coze Web SDK 应用

### `app.html`

APP主页面，包含：

APP首页，集成 Coze Web SDK 应用，与5+应用集成，提供APP功能。

## 许可证

MIT License

## 作者

mcyin

## 项目地址

https://wallpaper.mcyin.com/