roim-picx图床搭建教程,基于Cloudflare图床。

fork项目到自己的github 原项目地址

注册CloudFlare并开通R2服务

图片[1]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册

创建Pages项目

图片[2]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册
图片[3]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册
图片[4]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册
图片[5]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册

创建KV

图片[6]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册

设置参数PICX_AUTH_TOKEN

图片[7]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册

设置环境变量

图片[8]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册

设置函数

图片[9]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册
图片[10]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册

重新部署

图片[11]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册

效果示例

图片[12]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册
图片[13]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册

提示

Cloudflare环境变量KEY可通过修改 path.ts (opens new window)进行自定义

KV属性PICX_AUTH_TOKEN可通过修改 index.ts (opens new window)进行自定义

注意:Pages的函数变量名称需要于项目的变量名称一致,如果需要修改functions里面的Env名空间,对应的文件是[[path]].ts

延展阅读

  • https://blog.lianglianglee.com/posts/22b7ecba
© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容