打开 “懒猫微服客户端” 下载应用

ChronoFrame

丝滑的照片展示和管理应用,支持多种图片格式和大尺寸图片渲染

19 次下载
2 次点赞
1 条评论
0 次催更
19

安装次数

2

点赞

1

应用评论

0

催更次数

桌面端

移动端

应用描述

## 应用启动,需要在懒猫部署向导配置 Mapbox 公共访问令牌(使用地图 UI 功能必须),可参考教程:https://blog.csdn.net/MYNAMEL/article/details/122230137,或者直接访问 https://account.mapbox.com/access-tokens/,注册账号并登陆后即可获取令牌(Access Token) ## 📖 使用指南 ### 登录到控制台 1.点击头像跳转到登录页面,可以使用账号密码登录到控制台 ### 上传照片 1.访问仪表板页面 /dashboard 2.在 Photos 页面中选择图片并点击上传(支持批量上传和拖拽上传) 3.系统将自动提取 EXIF 信息、生成缩略图并逆编码照片地理位置 ## ✨ 特性 ## 🖼️ 强大的图片管理 在线管理照片 - 通过 Web 界面轻松管理和浏览照片 探索地图 - 在地图上浏览照片拍摄位置 智能 EXIF 解析 - 自动提取拍摄时间、地理位置、相机参数等元数据 地理位置识别 - 自动识别(Reverse Geocoding)照片拍摄地点 多格式支持 - 支持 JPEG、PNG、HEIC/HEIF 等主流图片格式 智能缩略图 - 基于 ThumbHash 技术的高效缩略图生成 ## 🔧 现代技术栈 Nuxt 4 - 基于最新的 Nuxt 框架,提供 SSR/SSG 支持 TypeScript - 完整的类型安全保障 TailwindCSS - 现代化的 CSS 框架 Drizzle ORM - 类型安全的数据库 ORM ## ☁️ 灵活的存储方案 多存储后端 - 支持 S3 兼容存储、本地文件系统 CDN 加速 - 可配置 CDN 地址加速图片访问

相关攻略

ChronoFrame:丝滑的照片展示和管理应用,附地图API注册教程

ChronoFrame 是一个丝滑的照片展示和管理应用,支持多种图片格式和大尺寸图片渲染。 https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.chronoframe ## 一、应用部署 ### 1.1 Mapbox 账号注册,获取公共访问令牌 应用首次安装启动,需要在懒猫部署向导配置 Mapbox 公共访问令牌,这个是使用地图 UI 功能所必须的,如果令牌不对,会无法使用地图功能。 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/2f301bbb-c886-4427-b33b-90b12ed08519.png "image.png") 首先直接访问 https://account.mapbox.com/access-tokens/ 跳转到 Mapbox 的登录页面 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/9af4ee53-99df-46e6-a5f0-ac5a45768f55.png "image.png") 如果没有账号,点击底部的 Sign up 进行注册 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/f075c7a2-1e91-4c25-b2b3-6182097c1c22.png "image.png") 因为是自己使用,我们选择第二个 Individual,如上图所示。 下面补充填写名称、邮箱、用户名和密码就可以了,填写完后继续完成创建账号 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/a4f2de29-bec0-4614-a7b1-92e10cc7c421.png "image.png") 如下,会往邮箱发送激活链接 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/0c906d53-8a74-40de-adf5-a005a95bf580.png "image.png") 我这里使用的临时邮箱注册,点击邮件中的验证链接来到补充 billing infomation 的页面 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/e2731536-63a2-4652-9971-96ea2c7c5922.png "image.png") 我们只需要填写上面的 Address、City、State、Postal Code 和 Country 即可,只要是合法的地址就行了 这里可以使用 随机地址生成器 https://addressgenerator.top/zh/us-address-generator 来帮我们生成一个 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/a35d7717-7372-453b-93a9-2427e96f663b.png "image.png") 将内容填写完整即可 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/9e0d276d-86ed-4e89-817f-62677786c530.png "image.png") 保存信息,直接进入到账号登录成功页面,选择左侧侧边栏 Tokens 查看 Mapbox 的公共访问令牌 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/de2a94f4-975a-4d7e-b590-e5f22b87ed96.png "image.png") 填到懒猫部署向导中对应位置即可 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/c553cc29-edca-4786-ad0a-54427636ef6c.png "image.png") ## 二、应用指南 ### (1)通过 Web 界面轻松管理 首次使用应用需要上传照片 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/defcbaf9-8b9e-4126-b8eb-73c8caa033cd.png "image.png") 点击 左上角头像进入 后台管理 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/732bcede-35b8-4db4-912f-8563bace656d.png "image.png") 再点击蓝色图标进入控制台 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/321bf8f5-76af-4226-bed8-9512dcc8b273.png "image.png") 在照片库中可以上传图片,支持 JPEG、PNG、HEIC/HEIF 等主流图片格式,还支持 MOV 格式和 LivePhoto 视频。 可选择图片并点击上传(支持批量上传和拖拽上传) ![Snipaste_2025-10-10_22-18-14.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/674521cc-7bc8-47e4-b32d-b465bae55249.png "Snipaste_2025-10-10_22-18-14.png") 在照片库对照片进行管理 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/600622cb-a502-47d4-8348-7c76ec13a5af.png "image.png") ### (2)智能解析图片信息,浏览照片拍摄位置 在照片上传时,系统将自动提取 EXIF 信息,如拍摄时间、地理位置、相机参数等元数据,生成缩略图并逆编码照片地理位置 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/ddd0a191-9215-4d78-bbed-0eafd0eb8e44.png "image.png") 支持地理位置识别,自动识别(Reverse Geocoding)照片拍摄地点 可在后台进行位置信息管理,重建位置信息等 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/1e30f7eb-a41d-491b-9d94-ad9475aab48c.png "image.png") 应用还有一个地球仪的功能,可以方便查看位置 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/a0c89589-e1f5-4d8f-96fe-a258e6dd1e7f.png "image.png") ### (3)浏览照片流畅丝滑 访问首页即是所有照片的瀑布流展示,无论是桌面端还是移动端都有着流畅丝滑的浏览体验 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/4169dd1e-8dbe-4b37-bffa-e9ca972d654d.png "image.png") 点击查看照片详情 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/a2f01128-0f1d-4675-afe6-129f860a2cfc.png "image.png") 如果是手机或者相机拍摄的照片会有详细的参数信息展示,对摄影师比较友好,如一些专业的摄影参数,焦距、光圈、快门、ISO等,并配有照片的直方图,其他包括设备信息,相机、镜头的规格也有展示,甚至包括拍摄的模式,曝光、白平衡等设置 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/32b89376-5025-4bf2-9c2c-48349ea9603b.png "image.png") ### (4)仪表盘与系统日志 直接访问控制台还有个类似 Github Commit 记录的仪表盘信息展示,方便查看运行状态和使用频率 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/2e44cdff-9f1b-41d5-aee0-e1d86242e1c3.png "image.png") 最后还可以查看运行的系统日志详情,方便排查运行时的错误,观察运行状态 ![image.png](https://lzc-playground-1301583638.cos.ap-chengdu.myqcloud.com/guidelines/426/3b09001c-76d9-4cbf-83e0-93fdc2675868.png "image.png") ## 一点美中不足 目前应用还不支持直接导入本地已有照片,只能通过上传的方式,不过应用作者已有通过指定目录扫描导入的未来计划,期待作者更新。

懒猫评分/评论

4.0

1 条评论

方便可以增加国内地图的api么? 我没有能通过注册的信用卡。试了几个都不行。 所以,上架第一天安上,就没有进去过

应用信息

最新版本

0.0.1

更新日期

10/11/2025

预估安装占用

122.28 MB

不支持平台

--

提供者

J0k3r

兼容性

可在此设备上使用

"首次提交"