Cloudflare/Vercel项目推荐(5)
碎碎念
千呼万唤始出来,项目推荐系列文章终于到了第五期啦,前面四期深受大家喜爱,给我赚了不少评论和浏览量嘻嘻,谢谢大家啦!
毕业典礼,毕业晚会,毕业学士服,毕业照,最近的事情接踵而至,所以一直没啥时间写文章,导致都有人开始催了呜,毕业论文到了今天终于交定稿了,就看老师那边审核了,希望通过吧!
近期Alist出现了一点问题,我深感遗憾,这个项目我也在用,我并不是项目所有者,所以我没权利评价,只能希望社区发力,尽快出现替代品吧~
服务器升级到了1Panel v2版本,迁移的事情比较多,更是耽误了两天,最终也是平滑升级上来了,数据也都保留了下来,多机器管理确实很方便。
(也就只有我这种笨比,服务器全量备份了却没下载到本地,刷系统的时候连着备份文件一起刷了吧QAQ)
目前有三个1panel许可证,免费送,有效期一个月,有需要可以私聊我哦!
项目总览
美化工具
- kuma-mieru:对
Uptime Kuma的前端进行美化与重构,界面更清爽,适合用户自定义部署以增强可视化效果。 - 每日一图:通过
Bing每日一图API,定时爬取到github仓库,支持部署到各种page服务,可用于博客背景、首页美化等用途。
- kuma-mieru:对
功能性项目
通信与互动
- 即时聊天:基于
cf Worker的加密即时通讯项目,支持私密聊天与群组,重视用户隐私安全。
- 即时聊天:基于
媒体聚合
- 影视聚合:影视资源聚合搜索平台,基于多平台
API提供内容检索,轻量前端工具,无需本地存储或爬虫支持。
- 影视聚合:影视资源聚合搜索平台,基于多平台
项目介绍
美化工具
kuma-mieru
- 部署方式:
Cloudflare Worker、Vercel、Github Page、Tencent eo page等
介绍
其实这个项目略微不太符合该系列文章,因为虽然项目本身是完全前端,但是如果需要数据,需要依赖于uptime-kuma工具才可以使用,稍微有点脱离主题,但是项目本身还是很优秀的,如果有需要欢迎使用!
相比于uptime-kuma的页面,该前端利用Kuma提供的API,提供了更加详细清楚的面板数据,更加直观,并且项目本身做了汉化,如果需要更加详细的数据,这个前端是一个非常不错的选择。
部署
欢迎查看官方文档,这里我就不重复造轮子咯!
每日一图
- 部署方式:
Cloudflare Worker、Vercel、Github Page、Tencent eo page等,需要依赖于action进行每日爬取。
介绍
该项目是我通过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
介绍
之前介绍过很多的内容中转,比如项目推荐3中就推荐了一个CloudPaste项目,而今天这个是他的升级版,在原有基础上,支持了更美观的页面,更完善的存储源,更多功能的Markdown编辑器。
除了支持内容分享、文件管理和WebDAV挂载这些核心功能,项目在细节上也做得非常实用。内置的Markdown编辑器基于Vditor,支持公式、流程图、思维导图等,编辑体验流畅,适合写技术文档或分享笔记。分享时可以设置访问密码、有效期、查看次数限制,还能生成自定义链接和二维码,方便安全地传播内容。内容也支持导出为PDF、图片、Word、HTML等格式,甚至可以生成Raw直链,用于配置文件或代码引用。
文件上传方面,项目支持多种S3服务,像Cloudflare R2、Backblaze B2、AWS S3都可以接入,通过预签名方式实现高效直传,上传进度实时可见。每个文件还能设置备注、密码、过期时间和访问限制,并支持查看访问统计。WebDAV支持也很完善,可以直接作为网络驱动器挂载,适配Obsidian、Joplin等笔记工具,方便做同步备份或远程文件管理。
整体体验下来,这个项目不仅功能全面,而且易于使用,适合需要编辑、管理、分享文本和文件的用户。如果你也有类似需求,不妨试试看它提供的demo。
部署
请看官方部署文档:
R2网盘
- 部署方式:
Cloudflare Worker
介绍
这个项目是我闲暇时间内,基于Cloudflare-R2-oss实现的一个在线网盘,可以将R2中的文件映射出来成为一个站点,对功能和UI部分进行了大范围修改,最终也是实现了美观的页面。
该项目主要功能是展示R2的功能,并且实现webdav挂载,实现更加多样的连接方式,比如链接Alist,需要开通r2才可以部署,略有门槛。
部署
请看以下部署文档:
在线白板
- 部署方式:
Cloudflare Worker、Vercel、Github Page、Tencent eo page等
介绍
我本来是有一个思维导图项目的,但是原先项目不太好看,功能也并不全面,我不是很喜欢,所以一直在找替代品,最终找到了这个开源白板工具,或者叫思维导图工具。
该项目不仅实现了流程图的功能,还有画笔,可以自行在画板上简单的涂改,功能多的同时,相比于原项目,界面也更加清爽,后面我会进行重新部署并迁移到新项目中。
部署
前端项目的部署很简单,只需要复刻后在各大平台导入即可,如果需要本地部署,可以在目录下按照顺序执行以下命令:
1 | npm i --save |
经过好友文章Docker部署Drawnix可视化白板工具、兼顾思维导图提醒,该项目在Windows上完全无法部署,也无法进行构建,但是在Linux上正常,所以我使用action实现了构建,并推送到另一个分支,文件如下:
https://github.com/willow-god/drawnix/blob/develop/.github/workflows/deploy.yml
action为手动触发,注意触发前打开action的读写权限。有了静态文件,可以直接部署静态分支到任意平台,无任何平台限制。
通信与互动
即时聊天
- 部署方式:
Cloudflare Worker
介绍
该项目我非常喜欢,可以实现零成本的匿名聊天室,并且可以通过docker部署,这也弥补了CF worker部署的,国内访问慢的缺陷。
项目完全端到端加密,没有任何存储,中间人,系统管理员也无法获取任何明文消息内容,所有加密解密都在客户端本地进行,服务器仅仅作为加密数据的盲文中继。
由于完全不需要依赖于存储,所以可以直接通过Cloudflare进行部署,用户也无需注册真实身份,直接匿名聊天即可。
整体流程如下,什么看不懂?看不懂就对了,水篇幅用的!
由于较为好玩,所以我搭建了一个供大家测试:
部署
只需要fork仓库,然后再在Cloudflare中导入即可,同时支持docker部署,详见文档:
媒体聚合
影视聚合
- 部署方式:
Cloudflare Worker、Vercel、Github Page、Tencent eo page等
介绍
为什么叫影视聚合而不是影视站点呢?因为该项目本身不支持任何视频存储,主要是整合了网络上存在的一些影视接口以实现搜索和播放功能的,本身为纯静态网站,部署到任意平台甚至本地使用都是完全可以的。
由于接口中含有一些不太合规的内容,所以不太建议部署到已经备案的域名上,本站部署了一个演示站点,仅供演示,随时下架~
项目目前看速度还是可以接受的,但是播放的速度还是依赖于api接口的速度,希望项目能够维持住,不断找到更好的资源!
部署
详见文档:
总结
这次带来了七个小项目,有好看的美化工具,也有实用的在线白板与内容中转,还有完全基于 Cloudflare Worker 的轻量级聊天工具,功能各异,也许能带来一点点新鲜感,欢迎来玩!
转眼间,大学生活走到了尾声。6 月 18 日的车票,也许标志着学生身份的终章。未来的世界喧嚣而未知,我还不能确定自己能否从容应对,但我不愿随波逐流,希望在这片广阔天地里,能闯出属于自己的一道光。我们一起加油吧!
毕业典礼、学士服、夏日的午后……大学的最后一集即将落幕。说洒脱是假的。舍不得同窗与室友,舍不得恩师与课堂,舍不得那些并肩开黑、通宵赶工的时光。
诸君,山顶见!
每日一图
图片来自哲风壁纸
























