使用cloudflare page搭建静态网页

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

图片[1]-使用cloudflare page搭建静态网页 - 凌霄之上博客 BLOG-凌霄之上博客 BLOG
图片[2]-使用cloudflare page搭建静态网页 - 凌霄之上博客 BLOG-凌霄之上博客 BLOG

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

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

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

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

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

图片[3]-使用cloudflare page搭建静态网页 - 凌霄之上博客 BLOG-凌霄之上博客 BLOG
图片[4]-使用cloudflare page搭建静态网页 - 凌霄之上博客 BLOG-凌霄之上博客 BLOG

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

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

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

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

图片[5]-使用cloudflare page搭建静态网页 - 凌霄之上博客 BLOG-凌霄之上博客 BLOG
图片[6]-使用cloudflare page搭建静态网页 - 凌霄之上博客 BLOG-凌霄之上博客 BLOG

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

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

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

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

图片[7]-使用cloudflare page搭建静态网页 - 凌霄之上博客 BLOG-凌霄之上博客 BLOG

 

——————本文内容至此已结束——————

本文由凌霄之上博客原创发布或合理转载,未经允许•请勿转载。有什么想法来评论区讨论一下吧!

注意:资源无法下载(如链接无法打开),请联系管理员解决。另外蓝奏网盘链接如果无法打开,可以尝试将链接中的"lanzous"改为“lanzoui”

© 版权声明
THE END
喜欢就支持一下吧
点赞7赞赏 分享
评论 抢沙发

请登录后发表评论