fork项目到自己的github 原项目地址
注册CloudFlare并开通R2服务
![图片[1]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image.png)
创建Pages项目
![图片[2]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-1.png)
![图片[3]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-2.png)
![图片[4]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-3.png)
![图片[5]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-4.png)
创建KV
![图片[6]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-5.png)
设置参数PICX_AUTH_TOKEN
![图片[7]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-6.png)
设置环境变量
![图片[8]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-7.png)
设置函数
![图片[9]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-8.png)
![图片[10]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-9.png)
重新部署
![图片[11]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-10.png)
效果示例
![图片[12]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-11.png)
![图片[13]-roim-picx图床搭建教程,基于Cloudflare图床。-多维导航-实用网络手册](https://host163.xyz/wp-content/uploads/2025/04/image-12.png)
提示
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
暂无评论内容