分享一个在线图片站源码

[MoeJue]

## 预览

https://photo.moejue.cn


## 特性

1. 支持图片和视频的展示

2. 支持相册的展示

3. 支持相册的密码保护

4. 支持18+保护

5. 支持搜索

## Todo

1. 优化特效展示

2. 优化界面流畅度

## 安装说明

1.

克隆仓库到本地：

bash</s><i> </i> git clone https://github.com/iAJue/PhotoGallery.git<i> </i><e>

2.

进入项目目录：

```bash cd PhotoGallery ```

3.

安装依赖：

```bash npm install ```

4.

打包项目

```bash npm run build ```

## 后端接口

仅供参考
https://github.com/iAJue/wasteCode/tree/main/photo

## 返回数据格式

1.

照片接口

json</s><i> </i>[ { "date": "\u6628\u5929", "items": [ { "src": "https:\/\/moejuevideo.pages.dev\/file\/1730957555106_ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp", "alt": "ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp", "isVideo": false, "duration": null } ] } ]<i> </i><e>

2.

相册接口

```json [ { "folder_id": "3", "folder_name": "images", "created_at": "2024-11-07 15:09:06", "photo_count": "61", "latest_image": "https:\/\/moejuevideo.pages.dev\/file\/1730963758087_GZIaBGlbAAALz_E.jpeg", "attribute": "2", "ispassword": true } ] ```

3.

随机接口

```json [ { "id": 1, "folder_id": 1, "name": "\u300c\u4e0d\u706d\u300d #2024\u539f\u795e\u751f\u65e5\u4f1a #\u539f\u795e #\u949f\u79bb_7415149072572501275.mp4", "size": 50437932, "duration": "19.0", "type": 1, "data": "https:\/\/moejuevideo.pages.dev\/file\/1730944134269_\u300c\u4e0d\u706d\u300d %232024\u539f\u795e\u751f\u65e5\u4f1a %23\u539f\u795e %23\u949f\u79bb_7415149072572501275.mp4_part_1.mp4", "created_at": "2024-11-07 09:49:48" } ] ```

[hhyyx1]

突然又好了:huaji08:

[mili (米粒)]

这个好 感谢分享

[AhuiZhao]

好好好