使用cloudflare page搭建小游戏,m3u8在线下载,图片加水印等等有趣的在线网页

cloudflare page已经出来有一段时间了,如果只是拿来搭建静态博客,确实有些浪费。之前也介绍过使用page搭建在线音乐播放器和图床,还看见大佬们确实玩出了不少花样,就搭建了几个。。。搭建过程基本上都差不多,支持的项目可以是静态文件,也支持Ruby、Node.js、Python、PHP、Go等的依赖关系。

1、unlock-music,加密音乐格式解锁,利用浏览器解锁,不是在云端解锁,自己下载releases本地跑也可以。不过现在部分格式可能无法解锁了。。。

github:https://github.com/ix64/unlock-music

demo:https://unlock-music-fgbb.pages.dev/

本地安装:https://bbs.zsxwz.com/thread-2814.htm

搭建,先fork项目到自己的账号,cloudflare page创建项目,选择fork的项目,就可以构建部属了。

构建命令:npm install&&npm run build

输出目录:/dist

2、m3u8-download,在线m3u8视频下载,主要也是利用浏览器下载,并不是云端下载。所以如果下载的视频比较大,一般的浏览器可能崩溃。不需要构建,自己下载源码本地跑也可以。

github:https://github.com/Momo707577045/m3u8-downloader

demo:https://m3u8-downloader-ojdu.pages.dev/

搭建:就一个静态网页,不需要搭建,构建命令,输入目录可以不需要。page加载js可能有点问题,导致不能下载,于是就修改了index.html,把js文件都放在里面了。如果想要搭建可以先fork一下我修改后的:

https://github.com/Momo707577045/m3u8-downloader

3、图片水印打码,专门用于给图片加水印打码的工具,完全基于浏览器本地API,无任何网络请求(特别适合身份证等敏感证件)。

github:https://github.com/joyqi/sfz

demo:https://shuiyin-0obo.pages.dev/

搭建:还是先fork项目,纯静态文件不需要构建命令,都是空的直接部属即可。

4、chrome浏览器恐龙小彩蛋魔改版,

github:https://github.com/wayou/t-rex-runner

demo:https://t-rex-runner.pages.dev/

构建:fork项目,部属即可。但是page已经选择了其他分支,但是还是会部属成master分支。

评论 2

  1. 可惜公主爱王子

    博客咋搭呢?(つд⊂)

    • zsxwz

      自己查看文档:https://developers.cloudflare.com/pages/how-to
      基本上就是选择你想搭建的博客程序,本地搭建好之后,推送到github,然后部属到cloudflareo page选择构建使用的仓库、设置构建的命令就可以部属了。搭建静态博客比较麻烦,虽然免费,新手可能会更难。

      另外一个白嫖cf搭建博客的方法就是使用worker+kv搭建博客。自己可以百度/谷歌搜索一下。。。

留言

* - 必填