一条命令自建Loom：Screendrop + Cloudflare R2云分享部署保姆级教程-北京尧图网络

一条命令自建LoomScreendrop Cloudflare R2云分享部署保姆级教程【免费下载链接】ScreendropA beautiful screenshot screen recording Loom alternative - all native, self hostable and free.项目地址: https://gitcode.com/gh_mirrors/sc/ScreendropScreendrop 是一款免费、开源、可自建的 macOS 原生录屏截图工具也是 Loom 的完美替代品。本教程带你在5 分钟内完成 Cloudflare R2 云分享部署用自己的 Cloudflare 账号存视频、生成带播放器、字幕和评论的分享链接全程零代码、零出站流量费。为什么值得自建一个 Loom直接用 Loom 的痛点很明显订阅收费团队版更贵数据存在别人的服务器敏感内容不敢上传流量费不透明视频分享多了成本不可控。Screendrop 的思路是本地优先自建云端能力Screendrop 的表现安装费用完全免费开源CC0 协议数据归属存你自己的 Cloudflare 账号流量成本R2 存储无出站流量费隐私无中心账号令牌存 macOS 钥匙串核心分享机制详见项目文档 README.md 的Cloud Sharing章节。30 秒认识 ScreendropScreendrop 是一个 macOS 菜单栏应用把截图 → 注释 → 录屏 → 剪辑 → 分享全流程做进一个 App⌨️ 全局快捷键Option1全屏截图、Option2窗口截图、Option4打开录屏选择器✏️ 无损注释编辑器箭头、编号标记、智能打码、背景壁纸、水印全部可撤销录屏工作室自动缩放跟随鼠标、重建光标与点击特效、本地语音转字幕、按文字剪视频☁️ 云分享上传到自建 Worker生成 Loom 风格的分享页。下图是注释编辑器中的编号标记效果录完屏直接标注再分享非常顺手云分享架构Worker R2 D1 三件套Screendrop 的云分享是Cloudflare 优先的自托管架构只有三个组件Cloudflare Worker接收带令牌鉴权的上传返回分享链接Cloudflare R2存放截图和视频文件没有出站带宽收费这正是自建 Loom 最省钱的点Cloudflare D1记录轻量的上传与分享页元数据。你只需要向 Screendrop 提供两样东西Worker 的 URL和一个上传令牌Upload Token——完全不需要 R2 或 S3 的 Access Key密钥永远不离开你的 Cloudflare 账号。上传流程在源码中一目了然Screendrop 通过PUT /api/upload把文件交给 WorkerWorker 校验 Bearer 令牌后把文件流式写入 R2、把元数据写入 D1最后返回分享 URL 并保存到本地 Library。相关实现可参考 CloudUploader.swift 与 CloudSidecarUploader.swift后者负责上传标题、海报图、字幕和预览雪碧图这些侧车资源。部署教程5 步完成 Cloudflare R2 配置第 1 步安装 Screendrop要求 macOS 26.4 或更新版本。从发布页下载 DMG 拖入应用程序或者一条 Homebrew 命令搞定brew install --cask fayazara/tap/screendrop第 2 步复制上传令牌打开设置 → 云Settings → Cloud。首次进入时App 会自动为你生成一个强随机令牌基于系统安全熵源生成实现见 SettingsCloudPane.swift。点击Copy Token复制下来待会要用。第 3 步一键部署到 Cloudflare点击页面中醒目的橙色Deploy to Cloudflare按钮源码位置SettingsCloudPane.swift。它会自动完成克隆官方 Worker 模板自动创建并绑定 R2 存储桶与 D1 数据库提示你填写UPLOAD_TOKEN密钥——把第 2 步复制的令牌粘贴进去即可。全程在 Cloudflare 的官方部署流程里操作跟着引导走完就行不需要写一行代码。如果你习惯命令行部署也可以在 Worker 目录执行npx wrangler secret put UPLOAD_TOKEN写入令牌并把 R2、D1 绑定到 Worker。第 4 步回填 Worker URL 并验证连接部署完成后把 Cloudflare 给你的 Worker URL形如https://…workers.dev粘贴回Worker URL输入框点击Verify Connection。App 会依次调用 Worker 的/api/setup和/api/ping两个接口见 SettingsCloudPane.swift✅ 右上角状态点变绿显示Connected说明 R2 D1 已就绪❌ 显示Invalid token通常是令牌没填对复制完整一点即可。令牌会安全存入 macOS 钥匙串CloudCredentialStore.swift不在明文偏好中。第 5 步上传并拿到分享链接随便截个图或录个屏点击预览卡片上的上传按钮可以填一个标题、开关允许评论与点赞选择会记住下次自动应用实现见 CloudUploadOptions.swift也可以在设置 → 截图/录屏 → 捕获后自动化里勾选上传并复制链接实现截完自动上传、链接自动进剪贴板这才是一键分享的完全体。自建后的分享页有多像 Loom共享录屏会打开一个 Loom 风格页面包含视频播放器倍速播放、影院模式、拖动进度条时显示缩略图预览可搜索字幕跟随播放高亮点击即可跳转可以锚定到某个时间点的评论观看次数统计、海报图粘贴到聊天软件时有富文本链接预览。共享截图则是干净的图片查看器支持复制与下载。链接主上传完成即可访问字幕、海报、预览图随后陆续补全。常见问题 FAQQ1R2 要钱吗存储本身在免费额度内基本够用关键是 R2没有出站流量费——别人反复看你的视频也不产生额外费用这是自建 Loom 最大的省钱点。Q2数据会经过第三方服务器吗不会。Screendrop 没有中心服务器账号、文件、链接全在你的 Cloudflare 资源里App 本地只保留令牌和 Library 元数据。Q3验证失败显示 Invalid token 怎么办重新复制完整令牌确认 Worker 的UPLOAD_TOKEN密钥与 App 中的一致再点 Verify Connection。Q4换台电脑能用同一个云端吗能。在新设备里填同一个 Worker URL 同一个令牌即可云端数据完全通用。写在最后整个流程回顾安装 → 复制令牌 → 一键部署 → 回填 URL → 上传拿链接。5 分钟零代码你就拥有了一个数据在自己手里、没有流量费、带字幕和评论的私有 Loom。Screendrop 目前仍在快速迭代中如遇小问题可到项目发布页查看更新说明源码架构参考 README.md 与 AGENTS.md。【免费下载链接】ScreendropA beautiful screenshot screen recording Loom alternative - all native, self hostable and free.项目地址: https://gitcode.com/gh_mirrors/sc/Screendrop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

一条命令自建Loom：Screendrop + Cloudflare R2云分享部署保姆级教程

相关推荐

NEX系列PCB曝光机线性开关电路设计与制作（论文+源码）

质检第三版代码只保留图层与类型

XRD图像分析

更多资讯

996引擎-WPS公式：自定义公式 format 模板字符串(支持颜色四则混合运算)

事件委托实战：用 30 行代码实现可排序表格（zh.javascript.info 教程任务解析）

Midway 标签组件 @midwayjs/tags 使用指南：从内存到 MySQL 的通用标签系统实战

k0s 节点重装指南：通过 k0sctl 迁移 containerd data-dir 并将节点重新接入集群

AlgoNote 算法通关手册：LeetCode 343 整数拆分——动态规划五步法经典题解

90DaysOfDevOps Day 83：Grafana 数据可视化实战——基于 kube-prometheus 与 Prometheus Operator 部署监控面板

今日更新

Agent Skills 完全指南：原理、写法、安装与实战避坑

Agent Skills 实战：从 Genkit 定义到 GKE 部署与排查

Agent Skills 实战：从设计到调试的完整指南

本周精选

CMOS设计三大物理效应：体效应、沟道长度调制与亚阈值导电

微信小程序在线阅读毕设全解析：Java后端+MySQL+避坑实战

Android音频问题五层分析法：从App到Codec的系统化诊断

本月热门

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

2026 大模型集体涨价：用 Python 做企业 Token 成本测算与选型避坑（附配置）

读完文章，想聊聊您的网站？