通过afoim（二叉树树）开源的随机图站点代码 Static_RandomPicAPI-Github 以及CloudFlare提供的免费站点部署来搭建一个属于你的随机图站点

所需物品#

一个CloudFlare账号
一个Github账号
一双手
一个脑子

操作步骤#

克隆仓库#

~~来到仓库主页Static_RandomPicAPI-Github，点击右上角的fork~~

现在的这个仓库二叉树树将build.js中生成html前端页面的部分删除了，推荐fork以前的这个版本

AT13xe

Static_RandomPicAPI

Waiting for api.github.com...

00K

Waiting...

项目结构

1
ri/
2
├─ h/          # 横屏图片
3
├─ v/          # 竖屏图片
4
├─ build.js    # 构建脚本
5
└─ config.json # 配置文件

将你所要展示的图片放在ri/这个目录即可

将config.json中的域名改成自己的即可

1
{
2
    "domain": "https://你这个项目绑定的域名"
3
}

部署站点#

打开Cloudflare中的Workers and Pages

Workers部署#

点击右上角的创建应用程序，选择Continue with Github，选择你fork的仓库。在构建命令那一栏中填写node build.js，最后点击部署，给项目绑定一个自定义就大功告成了。

Pages部署#

点击右上角的创建应用程序，在弹出的方框下面有一个想要部署Pages?开始使用。点击开始使用，选择导入现有的Git存储库，选择你fork的仓库，点击开始设置。
在构建命令那一行填写node build.js
在构建输出目录那一行填写dist
点击开始并部署，然后绑定自定义，就大功告成了