全球主机交流论坛

标题: cloudflare的page做图床 [打印本页]

作者: yoki_ 时间: 2022-2-10 13:45
标题: cloudflare的page做图床
本帖最后由 yoki_ 于 2022-2-10 13:56 编辑

我用这个page连接github仓库，然后想做一个图床
现在有两种情况：
1.理论上其实还是把图放在github上然后用https://raw.githubusercontent.com/这个开头的图片地址，添加一层cloudflare的代理，相当于你在一个网页引用github的图片地址，只不过这个网页有cdn
2.每次往github上传都要重新构建服务，就调用github的接口，把图片放到一个目录下，然后利用这个特性每次加载图片用的require（picUrl）方式，把图片加载到打包后的img目录下，构建后应该是属于cloudflare的，自带缓存。（但是免费版每月只能构建500次，（假设一次只上传一张图片）也就是说500张图片）
现在是2，感觉好麻烦，每次上传一张图片后，也就是说图片不会马上出来，需要等他构建完成才会有图片url地址。并且这个url地址还得自己去找，require方法后图片路径变成img/fileName.一串标识符.png，这个一串标识符拿不到啊....

或者有没有结合cloudflare workers的方式更新构建？不全局构建，只构建图片目录？

作者: 003 时间: 2022-2-10 13:46
前排帮顶

作者: yoki_ 时间: 2022-2-10 13:56

刚刚提交帖子报错发现居然不能打require带英文括号看来有做防注入

作者: 海苔 时间: 2022-2-10 14:26
workers反代就行了

作者: 好鸭 时间: 2022-2-10 14:31
每次传图都要构建不方便，尤其是图片比较多了，构建时间变长，不好的就是比如出现传完图要等一分钟才出图的情况。如果可以搞定workers的反代缓存，比这样好用。

作者: yoki_ 时间: 2022-2-10 14:45

好鸭发表于 2022-2-10 14:31
每次传图都要构建不方便，尤其是图片比较多了，构建时间变长，不好的就是比如出现传完图要等一分钟才出图的 ...

有workers反代的教程吗？

作者: yoki_ 时间: 2022-2-10 14:46

海苔发表于 2022-2-10 14:26
workers反代就行了

有没有教程？官方文档看不太明白

作者: 海苔 时间: 2022-2-10 14:48

yoki_ 发表于 2022-2-10 14:46
有没有教程？官方文档看不太明白

github搜 rocket-booster

作者: yoki_ 时间: 2022-2-10 15:07

海苔发表于 2022-2-10 14:48
github搜 rocket-booster

我看了下大概意思是说用workers反代 raw.githubusercontent.com或者cdn.jsd... 这个下的图片那么实际图片应该还是在github 没法像cloudflare page那样图片在cloudflare部署吗？

作者: 惜为伊人醉 时间: 2022-2-10 15:10
base64 存workerKV

作者: byg 时间: 2022-2-10 15:13
都用 cf 了直接上 kv 啊，看我帖子

作者: yoki_ 时间: 2022-2-10 15:28

byg 发表于 2022-2-10 15:13
都用 cf 了直接上 kv 啊，看我帖子

KV貌似有限制吧...我看了下 1G
page我好像没看见限制...

作者: byg 时间: 2022-2-10 15:33

yoki_ 发表于 2022-2-10 15:28
KV貌似有限制吧...我看了下 1G
page我好像没看见限制...

你说的那种，pages 只是单独放一个页面而已，你本地都能打开，图片是存在 github 的

作者: yoki_ 时间: 2022-2-10 15:41

byg 发表于 2022-2-10 15:33
你说的那种，pages 只是单独放一个页面而已，你本地都能打开，图片是存在 github 的 ...

不是那个page我看他是执行的npm run build
应该是把构建后的文件放cloudflare 然后我就让他构建的时候把图片也打包进去了

PS:话说你gayhub那个项目UI还可以啊是那个app目录吗？我看看把接口改成对象存储的能不能用

作者: byg 时间: 2022-2-10 15:49

yoki_ 发表于 2022-2-10 15:41
不是那个page我看他是执行的npm run build
应该是把构建后的文件放cloudflare 然后我就让他构建的时候 ...

然后我就让他构建的时候把图片也打包进去了

什么玩意，他只是 js 请求了 github 的 api 而已，纯前端的页面，你的图片是传到 github 的，和打包没有任何关系。

那个项目是用 wokers 当后端的，你纯 pages 用不了的

作者: 海苔 时间: 2022-2-10 16:12

yoki_ 发表于 2022-2-10 15:07
我看了下大概意思是说用workers反代 raw.githubusercontent.com或者cdn.jsd... 这个下的图片那么实 ...

缓存时间拉满实际上差别不大

欢迎光临全球主机交流论坛 (https://loc.010206.xyz/)