GitHub项目地址:https://github.com/heyuecock/cf-image
部署步骤
- 登录 Cloudflare 账户,进入 Workers & Pages 面板。
- 点击 “创建应用程序” 或 “创建 Workers”。
- 选择 “部署 Worker”。
- 复制worker代码。
- 在 “设置” -> “变量” 中,添加必要的环境变量(
WEBDAV_URL,WEBDAV_USERNAME,WEBDAV_PASSWORD,UPLOAD_PAGE_PATH)。 - 部署 Worker。
配置说明
在 Cloudflare Workers 中需要配置以下环境变量:
WEBDAV_URL=你的WebDAV服务器地址
WEBDAV_USERNAME=WebDAV用户名
WEBDAV_PASSWORD=WebDAV密码
UPLOAD_PAGE_PATH=上传页面路径(可选,默认为 'upload')
使用说明
上传图片
- 访问上传页面(默认为
/upload) - 通过以下方式上传图片:
- 拖拽文件到上传区域
- 点击选择文件
- 使用 Ctrl+V 粘贴图片
查看图片
- 访问
/images查看所有图片 - 访问
/images/[子目录]查看特定目录的图片 - 访问
/carousel查看图片轮播展示 - 访问
/carousel/[子目录]查看特定目录的图片轮播展示
轮播功能说明
轮播页面支持以下特性:
- 自动轮播(每5秒切换一次图片)
- 支持子目录浏览
- 全屏展示
- 自适应屏幕大小
- 图片居中显示
- 黑色背景优化显示效果
使用示例:
- 访问
/carousel查看根目录图片轮播 - 访问
/carousel/photos查看 photos 子目录的图片轮播 - 访问
/carousel/2024/01查看多级子目录的图片轮播
Zsam