Cloudflare/Vercel项目推荐(5)

碎碎念

千呼万唤始出来，项目推荐系列文章终于到了第五期啦，前面四期深受大家喜爱，给我赚了不少评论和浏览量嘻嘻，谢谢大家啦！

毕业典礼，毕业晚会，毕业学士服，毕业照，最近的事情接踵而至，所以一直没啥时间写文章，导致都有人开始催了呜，毕业论文到了今天终于交定稿了，就看老师那边审核了，希望通过吧！

近期Alist出现了一点问题，我深感遗憾，这个项目我也在用，我并不是项目所有者，所以我没权利评价，只能希望社区发力，尽快出现替代品吧~

服务器升级到了1Panel v2版本，迁移的事情比较多，更是耽误了两天，最终也是平滑升级上来了，数据也都保留了下来，多机器管理确实很方便。

笨比自述

（也就只有我这种笨比，服务器全量备份了却没下载到本地，刷系统的时候连着备份文件一起刷了吧QAQ）

项目总览

1. 美化工具
   • kuma-mieru：对Uptime Kuma的前端进行美化与重构，界面更清爽，适合用户自定义部署以增强可视化效果。
   • 每日一图：通过Bing每日一图API，定时爬取到github仓库，支持部署到各种page服务，可用于博客背景、首页美化等用途。
2. 功能性项目
   • 内容中转：轻量级中转站，支持文本与文件的快速跨端传输，部署于CF Workers，无需后端服务器。
   • R2网盘：基于Cloudflare R2的个人文件存储与分享系统，支持浏览、上传与公开链接分享。
   • 在线白板：纯前端白板项目，支持自由绘图与页面标注，适用于笔记、构图与展示，非多人协作工具。
3. 通信与互动
   • 即时聊天：基于cf Worker的加密即时通讯项目，支持私密聊天与群组，重视用户隐私安全。
4. 媒体聚合
   • 影视聚合：影视资源聚合搜索平台，基于多平台API提供内容检索，轻量前端工具，无需本地存储或爬虫支持。

项目介绍

美化工具

kuma-mieru

• 部署方式：Cloudflare Worker、Vercel、Github Page、Tencent eo page等

介绍

🙄引用站外地址，不保证站点的可用性和安全性

Kuma-Mieru：A 3rd-party Uptime Kuma monitoring dashboard

github.com@Alice39s

其实这个项目略微不太符合该系列文章，因为虽然项目本身是完全前端，但是如果需要数据，需要依赖于uptime-kuma工具才可以使用，稍微有点脱离主题，但是项目本身还是很优秀的，如果有需要欢迎使用！

相比于uptime-kuma的页面，该前端利用Kuma提供的API，提供了更加详细清楚的面板数据，更加直观，并且项目本身做了汉化，如果需要更加详细的数据，这个前端是一个非常不错的选择。

部署

欢迎查看官方文档，这里我就不重复造轮子咯！

🙄引用站外地址，不保证站点的可用性和安全性

Kuma-Mieru deploy

github.com@Alice39s

每日一图

• 部署方式：Cloudflare Worker、Vercel、Github Page、Tencent eo page等，需要依赖于action进行每日爬取。

介绍

😃来自本站，本站可确保其安全性，请放心点击跳转

清羽飞扬の每日一图

LiuShen's Blog

该项目是我通过python实现的简单脚本，通过每天中午十二点定时更新图片做到爬取每日图片，并且保持daily.webp始终指向最新图片，以做到类似于API的方式，可以在前端直接调用，作为背景等等，如下：

每日一图

当然你也完全可以使用本地部署，但是可能稍微麻烦一点，需要Webhook类似的功能同步仓库到本地，注意CDN侧的缓存时间不要拉太长哦~

为了展示图片，我实现了代码，保存近三十天以来的bing每日一图，并且删除更久远的图像，防止仓库无限增大。

部署

部署并不困难，首先复刻仓库，然后打开action。

由于我们需要action将静态文件写入到另一个分支，所以需要打开action的权限，在setting，action，general中下拉到最底部，找到工作流程权限选项，选择读取和写入权限，并保存：

注意我这里翻译成了中文，实际可能是英文，不要搞错了。

下面按照下图流程手动执行一次action：

如果一切正常，你应该能在仓库的另一个分支找到静态文件，按照流程部署到各个page服务即可，这个过程比较简单，所以就不细讲啦！

功能性项目

内容中转

• 部署方式： 前端：Cloudflare Worker、Vercel、Github Page、Tencent eo page等 后端：CF worker

介绍

🙄引用站外地址，不保证站点的可用性和安全性

CloudPaste：基于Cloudflare的在线文本/大文件分享平台

github.com@ling-drag0n

之前介绍过很多的内容中转，比如项目推荐3中就推荐了一个CloudPaste项目，而今天这个是他的升级版，在原有基础上，支持了更美观的页面，更完善的存储源，更多功能的Markdown编辑器。

除了支持内容分享、文件管理和WebDAV挂载这些核心功能，项目在细节上也做得非常实用。内置的Markdown编辑器基于Vditor，支持公式、流程图、思维导图等，编辑体验流畅，适合写技术文档或分享笔记。分享时可以设置访问密码、有效期、查看次数限制，还能生成自定义链接和二维码，方便安全地传播内容。内容也支持导出为PDF、图片、Word、HTML等格式，甚至可以生成Raw直链，用于配置文件或代码引用。

文件上传方面，项目支持多种S3服务，像Cloudflare R2、Backblaze B2、AWS S3都可以接入，通过预签名方式实现高效直传，上传进度实时可见。每个文件还能设置备注、密码、过期时间和访问限制，并支持查看访问统计。WebDAV支持也很完善，可以直接作为网络驱动器挂载，适配Obsidian、Joplin等笔记工具，方便做同步备份或远程文件管理。

整体体验下来，这个项目不仅功能全面，而且易于使用，适合需要编辑、管理、分享文本和文件的用户。如果你也有类似需求，不妨试试看它提供的demo。

部署

请看官方部署文档：

🙄引用站外地址，不保证站点的可用性和安全性

CloudPaste：部署文档

github.com@ling-drag0n

R2网盘

• 部署方式：Cloudflare Worker

介绍

🙄引用站外地址，不保证站点的可用性和安全性

FlareDrive-R2：😁基于cloudflare-r2实现的网盘，可以实现文件分享功能

github.com@willow-god

这个项目是我闲暇时间内，基于Cloudflare-R2-oss实现的一个在线网盘，可以将R2中的文件映射出来成为一个站点，对功能和UI部分进行了大范围修改，最终也是实现了美观的页面。

该项目主要功能是展示R2的功能，并且实现webdav挂载，实现更加多样的连接方式，比如链接Alist，需要开通r2才可以部署，略有门槛。

部署

请看以下部署文档：

🙄引用站外地址，不保证站点的可用性和安全性

FlareDrive-R2：部署文档

github.com@willow-god

在线白板

• 部署方式：Cloudflare Worker、Vercel、Github Page、Tencent eo page等

介绍

🙄引用站外地址，不保证站点的可用性和安全性

drawnix：开源白板工具，一体化白板，包含思维导图、流程图、自由画等。

github.com@plait-board

我本来是有一个思维导图项目的，但是原先项目不太好看，功能也并不全面，我不是很喜欢，所以一直在找替代品，最终找到了这个开源白板工具，或者叫思维导图工具。

该项目不仅实现了流程图的功能，还有画笔，可以自行在画板上简单的涂改，功能多的同时，相比于原项目，界面也更加清爽，后面我会进行重新部署并迁移到新项目中。

部署

前端项目的部署很简单，只需要复刻后在各大平台导入即可，如果需要本地部署，可以在目录下按照顺序执行以下命令：

npm i --save
npm run dev
npm run build  # 构建成静态文件，方便直接部署

通信与互动

即时聊天

• 部署方式：Cloudflare Worker

介绍

🙄引用站外地址，不保证站点的可用性和安全性

NodeCrypt：🔒真正的网页端到端加密聊天系统

github.com@shuaiplus

该项目我非常喜欢，可以实现零成本的匿名聊天室，并且可以通过docker部署，这也弥补了CF worker部署的，国内访问慢的缺陷。

项目完全端到端加密，没有任何存储，中间人，系统管理员也无法获取任何明文消息内容，所有加密解密都在客户端本地进行，服务器仅仅作为加密数据的盲文中继。

由于完全不需要依赖于存储，所以可以直接通过Cloudflare进行部署，用户也无需注册真实身份，直接匿名聊天即可。

由于较为好玩，所以我搭建了一个供大家测试：

🙄引用站外地址，不保证站点的可用性和安全性

清羽飞扬の临时聊天室

LiuShen's Blog

部署

只需要fork仓库，然后再在Cloudflare中导入即可，同时支持docker部署，详见文档：

🙄引用站外地址，不保证站点的可用性和安全性

NodeCrypt：部署文档

github.com@shuaiplus

媒体聚合

影视聚合

• 部署方式：Cloudflare Worker、Vercel、Github Page、Tencent eo page等

介绍

🙄引用站外地址，不保证站点的可用性和安全性

LibreTV：一分钟搭建影视站，支持Vercel/Docker等部署方式

github.com@LibreSpark

为什么叫影视聚合而不是影视站点呢？因为该项目本身不支持任何视频存储，主要是整合了网络上存在的一些影视接口以实现搜索和播放功能的，本身为纯静态网站，部署到任意平台甚至本地使用都是完全可以的。

由于接口中含有一些不太合规的内容，所以不太建议部署到已经备案的域名上，本站部署了一个演示站点，仅供演示，随时下架~

🙄引用站外地址，不保证站点的可用性和安全性

清羽飞扬の影视站点

LiuShen's Blog

项目目前看速度还是可以接受的，但是播放的速度还是依赖于api接口的速度，希望项目能够维持住，不断找到更好的资源！

部署

详见文档：

🙄引用站外地址，不保证站点的可用性和安全性

LibreTV：部署文档

github.com@LibreSpark

总结

这次带来了七个小项目，有好看的美化工具，也有实用的在线白板与内容中转，还有完全基于 Cloudflare Worker 的轻量级聊天工具，功能各异，也许能带来一点点新鲜感，欢迎来玩！

转眼间，大学生活走到了尾声。6 月 18 日的车票，也许标志着学生身份的终章。未来的世界喧嚣而未知，我还不能确定自己能否从容应对，但我不愿随波逐流，希望在这片广阔天地里，能闯出属于自己的一道光。我们一起加油吧！

毕业典礼、学士服、夏日的午后……大学的最后一集即将落幕。说洒脱是假的。舍不得同窗与室友，舍不得恩师与课堂，舍不得那些并肩开黑、通宵赶工的时光。

诸君，山顶见！