本文原载于作者[链接登录后可见],因内容优秀特此分享。若有不妥之处,烦请联系管理员处理,感谢原作者的精彩创作
✨ 特点
📝 Markdown 编辑与分享
- 强大的编辑器:集成 Vditor,支持 GitHub 风格的 Markdown、数学公式、流程图、思维导图等
- 安全分享:内容可设置访问密码保护
- 灵活时效:支持设置内容过期时间
- 访问控制:可限制最大查看次数
- 个性化:自定义分享链接及备注
- 支持文本Raw直链:类似 github 的 Raw 直链,用于 yaml 配置文件来启动的服务
- 多格式导出:支持 PDF、Markdown、HTML、PNG 图片、Word 文档导出
- 便捷分享:一键复制分享链接和生成二维码
- 自动保存:支持自动保存草稿功能
📤 文件上传与管理
- 多存储支持:兼容多种 S3 存储服务 (Cloudflare R2、Backblaze B2、AWS S3 等)
- 存储配置:可视化界面配置多个存储空间,灵活切换默认存储源
- 高效上传:通过预签名 URL 直接上传至 S3 存储,多文件上传
- 实时反馈:上传进度实时显示
- 自定义限制:单次上传限制和最大容量限制
- 元数据管理:文件备注、密码、过期时间、访问限制
- 数据分析:文件访问统计与趋势分析
- 服务器直传:支持调接口进行文件上传、下载等操作
🛠 便捷的文件/文本操作
- 统一管理:支持文件/文本创建、删除和属性修改
- 在线预览:常见文档、图片和媒体文件的在线预览与直链生成
- 分享工具:生成短链接和二维码,便于跨平台分享
- 批量管理:文件/文本批量操作与显示
🔐 轻量权限管理
- 管理员权限控制
- 系统管理:全局系统设置配置
- 内容审核:所有用户内容的管理
- 存储管理:S3 存储服务的添加、编辑与删除
- 权限分配:API 密钥的创建与权限管理
- 数据分析:完整的统计数据访问
- API 密钥权限控制
- 文本权限:创建/编辑/删除文本内容
- 文件权限:上传/管理/删除文件
- 存储权限:可选择特定的存储配置
- 读写分离:可设置只读或读写权限
- 时效控制:自定义有效期(从小时到月)
- 安全机制:自动失效与手动撤销功能
💫 系统功能
- 适配性强:响应式设计,适配移动设备和桌面
- 多语言:中/英文双语界面支持
- 视觉模式:明亮/暗黑主题切换
- 安全认证:基于 JWT 的管理员认证系统
- 离线体验:PWA 支持,可离线使用和安装到桌面
教程:
Fork仓库:[链接登录后可见]
Action 自动部署:
使用 GitHub Actions 可以实现代码推送后自动部署应用。
配置 GitHub 仓库
- Fork 或克隆仓库 [链接登录后可见]
- 进入您的 GitHub 仓库设置
- 转到 Settings → Secrets and variables → Actions → New Repository secrets
- 添加以下 Secrets:
Secret 名称 | 必需 | 用途 |
CLOUDFLARE_API_TOKEN | ✅ | Cloudflare API 令牌(需要 Workers、D1 和 Pages 权限) |
CLOUDFLARE_ACCOUNT_ID | ✅ | Cloudflare 账户 ID |
ENCRYPTION_SECRET | ✅ | 用于加密敏感数据的密钥(如不提供,将自动生成) |
获取 Cloudflare API 令牌
- 访问 [链接登录后可见]
- 创建新的 API 令牌
- 选择 "Edit Cloudflare Workers" 模板
- 额外添加 D1 数据库编辑权限
后端自动部署
- Fork 项目仓库
- 填写以下密钥:
CLOUDFLARE_API_TOKEN
CLOUDFLARE_ACCOUNT_ID
- 手动触发 GitHub Actions 工作流
前端自动部署
推荐 Cloudflare Pages
- Fork 项目仓库
- 填写密钥后运行工作流
- 自动触发条件:
frontend
目录文件变更
- 推送至
main
/master
分支
部署后配置:
- 登录 [链接登录后可见]
- 导航路径:
Pages → 您的项目(如 "cloudpaste-frontend") → Settings → Environment variables
- 添加环境变量:
变量名 | 示例值 |
VITE_BACKEND_URL | https://cloudpaste-backend.[your-username].workers.dev |
- 重新运行工作流以加载后端域名
注意事项
- 所有密钥需在仓库的 Secrets 中配置
- 前端部署后需等待 1-2 分钟生效
- 若使用自定义域名,需在 Pages 设置中绑定
Vercel
Vercel 建议使用以下方式部署:
Fork 后导入 GitHub 项目
配置部署参数:
Framework Preset(框架预设): Vite
Build Command(构建命令): npm run build
Output Directory(输出目录): dist
Install Command(安装命令): npm install
在下面配置环境变量:输入:VITE_BACKEND_URL 和你的后端域名
点击 "Deploy" 按钮进行部署
☝️ 以上二选一即可
预览
[链接登录后可见]
[链接登录后可见]
[链接登录后可见]
[链接登录后可见]