cloudflare搭建图床

GitHub项目地址:https://github.com/heyuecock/cf-image

部署步骤

  1. 登录 Cloudflare 账户,进入 Workers & Pages 面板。
  2. 点击 “创建应用程序” 或 “创建 Workers”。
  3. 选择 “部署 Worker”。
  4. 复制worker代码。
  5. 在 “设置” -> “变量” 中,添加必要的环境变量(WEBDAV_URL, WEBDAV_USERNAME, WEBDAV_PASSWORD, UPLOAD_PAGE_PATH)。
  6. 部署 Worker。

配置说明

在 Cloudflare Workers 中需要配置以下环境变量:

WEBDAV_URL=你的WebDAV服务器地址
WEBDAV_USERNAME=WebDAV用户名
WEBDAV_PASSWORD=WebDAV密码
UPLOAD_PAGE_PATH=上传页面路径(可选,默认为 'upload')

使用说明

上传图片

  1. 访问上传页面(默认为 /upload
  2. 通过以下方式上传图片:
    • 拖拽文件到上传区域
    • 点击选择文件
    • 使用 Ctrl+V 粘贴图片

查看图片

  • 访问 /images 查看所有图片
  • 访问 /images/[子目录] 查看特定目录的图片
  • 访问 /carousel 查看图片轮播展示
  • 访问 /carousel/[子目录] 查看特定目录的图片轮播展示

轮播功能说明

轮播页面支持以下特性:

  • 自动轮播(每5秒切换一次图片)
  • 支持子目录浏览
  • 全屏展示
  • 自适应屏幕大小
  • 图片居中显示
  • 黑色背景优化显示效果

使用示例:

  • 访问 /carousel 查看根目录图片轮播
  • 访问 /carousel/photos 查看 photos 子目录的图片轮播
  • 访问 /carousel/2024/01 查看多级子目录的图片轮播