Ceykai / Creative Software / V2.2.1
Ceykai Media Studio
把网站图片更新交给一个清晰的工作流。
从图片识别到在线发布，Media Studio 为网站创作者提供一套直观的本地工作台，也适合通过 AI 编程工具搭建网站、希望自主维护视觉内容的创作者。接入已有项目后，即可查看图片所在位置、替换与裁切素材、保存草稿并核对预览。在已验证的发布流程中，系统会进一步完成变更检查、隔离构建、部署和线上结果核对。
- 当前版本
- V2.2.1 · Beginner UX Polish
- 使用形式
- 本地工作台
- 研发方向
- 网站图片管理 · 可视化编辑 · 自动发布
- 开发状态
- 开发中
- 公开可用性
- 仅限内部使用
从接入网站到更新图片
- 01
接入网站
填写本地网站地址，授权对应项目目录。Media Studio 分析支持的资源结构，并整理图片在网页中的展示位置。
- 02
选择与编辑
通过图片卡片找到目标位置，上传新素材、调整裁切范围或恢复原图。编辑过程保留预览与草稿。
- 03
核对改动
查看图片在页面中的显示效果，管理共享素材的引用范围，让不同页面的修改保持清晰。
- 04
完成发布
在已接入的发布环境中点击一次发布，系统依次执行保存、校验、隔离构建、部署与线上验证，生成发布结果。
核心能力
看得见的图片位置
将网页中的图片展示位置整理成可查找、可选择的编辑入口。
直观的裁切与预览
上传替换、非破坏性裁切、原图恢复与页面预览集中在同一工作台。
独立草稿与引用控制
为不同网站保留各自的编辑状态，并精准管理重复图片的替换范围。
可核对的一键发布
将检查、构建、部署与线上资源验证串联成一条发布流程，清晰反馈每次发布结果。
一次真实的发布验证
Ordinary Lens · 2026-11-08
React / Vite → Cloudflare Pages
2026 年 11 月 8 日，Media Studio 完成 Ordinary Lens 测试网站的真实一键发布。更新后的封面与裁切结果成功上线，重复引用保持原有内容。
发布后的远端资源 Hash 核对 18/18 通过，并完成浏览器人工确认。
查看发布成果（在新标签页打开）这条链接展示使用 Media Studio 更新后的网页成果。
从专用工具到独立产品
- V0.1–V1.2
建立工作流
从 CELIA Portfolio 的媒体管理需求出发，逐步形成三栏工作台、裁切与预览、编辑历史、版本识别及发布检查。
- V2.0–V2.1
接入更多网站
在 Field Notes 静态站和 Ordinary Lens React/Vite 站点上验证图片位置识别、独立草稿与重复引用管理。
- V2.2
贯通发布
建立一键发布流程，并完成 React/Vite 测试站到 Cloudflare Pages 的真实部署与线上验收。
- V2.2.1
完善新手体验
统一深色暖金工作台，梳理网站选择、编辑预览和发布三个主要阶段，减少操作过程中的信息负担。
当前版本
V2.2.1 — Beginner UX Polish
现在的 Media Studio 使用统一的深色三栏工作台，优先展示正在编辑的网站、图片卡片和发布入口。技术路径与引用细节收纳在需要时查看的位置，让使用过程保持连贯。
该版本完成 47/47 项自动与 HTTP 回归检查，并通过 5/5 项浏览器人工验收。项目源码已整理为独立维护的 Git 仓库。
已验证环境
- 静态 HTML/CSS 图片编辑
- React 18 / Vite 6 的受支持图片来源
- React/Vite 项目经 Cloudflare Pages 的一键发布流程