Cloudflare/Vercel项目推荐(3)
Cloudflare/Vercel项目推荐(3)
碎碎念
早期，我曾发布过两个关于 Cloudflare 和 Vercel 平台的项目推荐，发现大家对此类内容非常感兴趣。因此，我决定将这一栏目长期更新！鉴于 Cloudflare 和 Vercel 等 Serverless 平台之间有许多共性，这次我将二者的推荐内容合并在一起，希望能为大家提供更多实用的参考。
过去一年尽管忙碌，但我仍常常浏览 GitHub，发现了许多优秀的项目，感觉它们都非常实用！在这里精心挑选一些分享给大家，希望能对你有所帮助。
不知不觉已经是 2025 年了！无论去年经历了什么，无论是困难还是痛苦，新的一年里，都要保持愉快的心情，把烦恼抛到脑后！在此提前祝大家新年快乐！
项目总览
- 内容分享
- pastebin-ui：基于 Cloudflare KV 实现的在线剪切板，支持免费账户部署，操作简单，适合小型文件传输和内容分享。
- paste-share：利用 MongoDB 和 Vercel 实现，支持文本分享，功能全面，具备强大的管理和统计能力。
- CloudPaste：依托 Cloudflare R2 和 D1 数据库，支持大文件传输，功能强大，适合高需求用户。
- 封面生成
- CoverView：简洁直观，支持通过 Unsplash 获取背景图，适合快速生成大方的封面。
- Mini-Cover：高度自定义，支持水印、字体、颜色调整和插入图片，功能丰富，满足个性化需求。
- 图标制作
- appicon-forge：提供多种图标素材，支持边框、阴影设置及文字生成，方便搭配封面工具使用。
项目介绍
内容分享
pastebin-ui
部署方式：Cloudflare Worker
该项目基于原项目 Pastebin Worker 的历史版本进行优化完善。原项目的最新版本需要依赖 R2 才能运行，而我提取了其早期版本并对文档进行了补充和优化。这个版本通过 KV 存储文件实现，免费用户也可以轻松部署，且仍具备较高的实用性。尽管文件大小受 KV 的限制（最多支持 15MB 以下的文件），但对于大部分场景需求来说，简单即是真理！
同时，我部署了一个演示站点，欢迎大家前往测试！
该项目支持多种格式的文本内容，如 TypeScript、Shell 等语言的代码格式化展示，分享页面设计简洁美观，效果如下：
此外，项目还支持文件分享，生成的分享链接为直链格式，因此完全可以用作一个临时图床。以下是文件分享链接的展示效果：
以下是润色后的内容，调整了语句的通顺性和逻辑流畅性，同时保持原有结构和外挂标签不变：
paste-share
部署方式：
- 后端：
Vercel - 前端：
Vercel、Cloudflare page、zeabur……
这个项目是轻笑朋友开发的前后端分离项目，可能是目前市面上最完善的免费文本分享方案。上述链接是前端项目，后端的相关内容请参考 README 中的超链接地址。以下是具体的部署说明：
- 后端部署
由于前端需要依赖后端 API，首先介绍后端的部署方式。需要先克隆后端仓库，并在部署前准备两个环境变量，如下所示：
MONGODB_URL = mongodb+srv://[用户名]:[密码]@[集群地址]/?retryWrites=true&w=majority&appName=[应用名称]
PORT = 3000这里使用的是 MongoDB 数据库，这是一种免费的云数据库。如果你不熟悉 MongoDB 的申请流程，可以参考以下文章获取详细的申请教程：
成功申请 MongoDB 后，你将获得一个类似于上述示例的数据库连接字符串。接下来，在 Vercel 中部署该项目，并配置环境变量：
如果部署成功，返回 Vercel 项目的主页面，应该会看到如下界面：
绑定自己的域名后，后端部署即部署完成。接下来是前端的部署。
- 前端部署
前端的部署非常简单，仅需设置一个环境变量，即 Vercel 中的 VITE_API_BASE_URL，具体如下：
VITE_API_BASE_URL = https://share-api.example.com // 你前面部署的后端的地址，建议绑定一个域名完成环境变量配置后，前端即可成功部署。
- 项目演示
以下是我部署的演示站点，我会长期维护。如果你不想自行部署，可以直接使用我的站点：
- 特色功能与缺点
我个人非常喜欢该项目完善的数据统计功能。通过后台管理界面，可以清晰地查看所有分享列表、用户列表以及数据概览，页面展示如下：
这个项目我认为，唯一的不足是项目采用了 MongoDB 数据库，这种数据库在常规服务器中并不常见。如果需要完全自部署，必须额外维护一个数据库服务，这可能会对个人站长的服务器资源造成一定压力。不过，正因为使用了 MongoDB，才使得我们能够依赖于Vercel等免费服务，免费搭建自己的分享站点，从而进一步提升其实用性。
CloudPaste
部署方式：Cloudflare Worker(需要 R2)
该项目可以看作是第一个项目的升级版，不过 需要 Cloudflare R2 才能完成部署。它弥补了第一个项目在文件大小限制上的短板，支持更大文件的传输，同时还提供了更加完善的权限管理功能和直观美观的界面设计。如果你已经开通了 R2，强烈建议尝试该项目！
部署该项目并不复杂。作者提供了两种部署方式，推荐选择第一种方式。尽管第二种方式看似更简单，但实际上和第一种差异不大。第一种方式部署过程更加清晰直观，且在出现问题时便于调试 (Debug)。以下为具体部署步骤（内容整理自项目说明）：
- 复刻原项目
- 点击右上角的 Fork 按钮
- 等待仓库克隆完成
- 设置 GitHub Secrets
- 在你的 GitHub 仓库中，转到 Settings -> Secrets and variables -> Actions -> New Repository secrets ，添加以下 secrets：
CF_API_TOKEN: Cloudflare API 令牌- 访问 Cloudflare Dashboard
- 创建新的 API 令牌 -选择”编辑 Cloudflare Workers”
CF_ACCOUNT_ID: Cloudflare 账户 ID- 在 Cloudflare 仪表板右侧可以找到
ADMIN_USERNAME: 管理员用户名- 设置你的管理员账号
ADMIN_PASSWORD: 管理员密码- 设置你的管理员密码
- 运行工作流
请根据以下提示运行
Github Action
运行工作流方式 - 在你的 GitHub 仓库中，转到 Settings -> Secrets and variables -> Actions -> New Repository secrets ，添加以下 secrets：
这个项目我也部署了一个演示站点，该站点将长期维护，如需测试或传输文件，欢迎访问，但是请手下留情，不要刻意盗刷。
这个项目依托 Cloudflare R2，无需再受文件大小限制，可以方便地处理和分享大文件内容，管理员可以通过简单配置轻松控制文件的访问权限，项目界面直观美观，用户体验良好。但是，也有一定的缺点，首先就是由于部署在cf上，导致网速上有一些缺陷，甚至可能无法连接到，除此之外，由于管理员权限无法进行更加细致的管理，比如防止一个文件被访问超过多少次，防止大文件上传，防止一个文件过期时间被设置为永久，这样会有被盗刷的隐患，所以该项目还是建议个人使用，平时关闭文件上传和内容上传的权限，防止爆满存储桶导致不必要的账单。
封面生成
CoverView
部署方式：Vercel、Cloudflare page、zeabur……
该项目我一直在使用，我认为非常适合我站的风格，以一张高斯模糊的图像打底，文字漂浮在上，图片还可以直接通过Unplash的api进行搜索，更加方便了找图，Unplash包含了无数优秀摄影师的摄影作品，并且无版权，可以随意搬运，感谢摄影师的付出！
部署该项目需要设置两个环境变量：REACT_APP_API_ACCESS_KEY和REACT_APP_API_SECRET_KEY，这两个密钥均来自于Unsplash API，请点击以下站点：
The most powerful photo engine in the world.
首先在右上角注册账号，注册成功后回到页面，点击下图所示的按钮：
点击New Application按钮，创建一个应用，创建成功后，点击进入那个应用，向下滚动，应该就可以看到两个值了：
回到vercel，此时我们就可以开始部署了，首先复刻仓库，然后部署时选择该仓库，部署过程中填入REACT_APP_API_ACCESS_KEY和REACT_APP_API_SECRET_KEY两个环境变量，即可完成部署。
本站所有文章均采用了该项目生成封面，本站自部署地址如下：
下面是展示效果，功能我也不再多说，大家自行查看即可。
这个封面生成内置图片api，可以比较轻松的通过搜索找到合适的图片，并且由于图库非常庞大，几乎不会出现重复的情况，比较适合喜欢简单风格的站长，而下面这个项目则有更多的选择，可以根据需要选择不同的位置实现内容。
Mini-Cover
部署方式：Vercel、Cloudflare Pages、Zeabur……
这个项目是朋友 山楂酥梨粥 独立开发的一款简洁高效的封面制作工具。它支持多种自定义选项，可以让用户根据需求打造自己喜欢的封面。除了设置封面的颜色和字体外，还可以插入水印和图标，进一步丰富了封面的个性化程度。这种高度的自定义非常适合像洪哥那种扁平化主题风格的用户。此外，它支持多种格式与样式的定制，满足不同场景的需求：
- 字体自定义： 选择多种字体，适应不同风格的内容展示；
- 颜色调整： 轻松改变背景颜色和文字颜色，打造主题一致的封面；
- 水印支持： 增加标识性内容，保护原创设计；
- 图标插入： 支持上传图标图片，进一步提升视觉表现。
以下是项目的实际预览效果：
部署该项目非常简单，无需技术背景即可完成。用户仅需通过平台进行快速配置即可上线：
Vercel: 推荐的主流选择，一键部署便捷高效；Cloudflare Pages和Zeabur: 也可以支持该项目的快速部署，适合不同需求的用户。
以下是我已经部署好的站点，供大家直接使用：
该项目的 最大优点 是高度自定义，尤其适合追求精致封面的站长或设计爱好者。无论是用于博客封面、文章分享，还是其他视觉场景，都能满足需求。与此同时，水印功能的加入进一步增强了原创保护能力，让你的设计更具标识性。
但该项目也有一定的不足之处：
- 图标素材难找： 尽管支持插入图标，但要找到契合主题的图标可能需要额外的资源支持。
- 设计难度稍高： 初次使用者可能需要一定的时间上手，才能熟练应用多种定制选项。
为解决图标素材的问题，我下面会推荐一个专门的图标生成站点，该站点支持图标的内边距、外边距以及阴影等多种自定义选项，能够完美契合该封面制作工具。具体介绍请见下面的项目。
图标制作
appicon-forge
部署方式：Vercel、Cloudflare Pages、Zeabur……
如果你需要为封面或者其他任何内容添加高质量的图标，这个项目是一个完美的选择。它提供了丰富的图标素材库，能够很好地与封面制作工具搭配使用，如下图所示：
项目内包含大量现成的图标素材，涵盖多种风格，满足不同场景需求，并且支持设置图标的边框和阴影效果，使图标更具立体感和设计感，如下所示：
如果找不到合适的图标，还可以通过输入文字快速生成图标，极大地提高了灵活性：
如果你想尝试使用，可以通过以下地址访问我已经部署好的站点，或者自行部署一个属于个人的站点。
该项目不仅适合个人用户，也适用于需要批量生成图标的设计师和站长们。无需额外复杂操作，只需上传或输入内容即可完成图标制作，进一步增强封面制作工具的实用性与美观性！
总结
本次分享的项目共分为三个部分，分别涵盖了内容分享、封面制作和图标制作三个方向，每个项目都有其独特的亮点和适用场景，以下是对它们的归纳总结：
- 内容分享工具：
- 第一款和第二款： 这两款工具针对文本和文件的分享需求，重点在于低门槛、免费部署，适合初学者和预算有限的用户。其中，基于 KV 存储的项目限制了文件大小（15MB 以下），但能很好地满足日常小型文件分享的需求。而另一款提供了更加完善的数据统计功能，适合有一定运营需求的站长。
- 第三款： 相较前两款，这个项目功能更为全面，但部署需要 Cloudflare R2 的支持，需要用户完成银行卡认证才能使用。这款工具不仅突破了文件大小的限制，还提供了更强大的权限管理功能，适合有更高需求的用户。
- 封面制作工具：
- 本次介绍的封面制作工具适合需要定制化封面的用户，通过简单部署即可使用。其强大的自定义能力，支持多种字体、颜色和水印的调节，尤其适合博客、文档、分享页面等场景。用户可通过我的部署站点快速体验和应用该工具，为自己的内容增添独特的设计。
- 图标制作工具：
- 图标制作工具为封面制作工具提供了强大的辅助支持。丰富的素材库、自定义边框和阴影选项，以及通过文字生成图标的能力，让它在功能性和易用性上表现出色。该工具不仅提升了封面的美观度，还适用于其他需要图标设计的场景。
这些工具无论是对站长、开发者，还是设计爱好者来说，都具有很高的实用性和灵活性，通过这些项目，你可以在短时间内打造一套完整的内容传输、展示和设计生态系统，无论是个人学习还是分享作品都非常适合。如果你不想自行部署，也可以直接使用我提供的在线站点，方便快捷！
每日一图
很喜欢这样的环境，在宁静的书房里，抬头便能望见窗外灯火辉煌的高楼大厦。楼下熙熙攘攘的人流如同流动的星河，马路上车水马龙，仿佛城市的脉搏在跳动。而天空中，星星闪烁，像是遥远的灯塔，指引着每一个迷失的灵魂。
夜幕降临，城市的喧嚣渐渐远去，只剩下书房里的灯光温柔地洒在书页上。窗外的星空与室内的灯光交相辉映，仿佛整个世界都在这一刻静止。沉浸在这片宁静之中，思绪随着星光飘向远方，感受着这份难得的安宁与美好。
腾讯云开发者
