一、准备

1.一个Github帐号

2.一个Cloudflare帐号

3.一个域名并托管在Cloudflare中

二、部署方法

1.Fork 项目

在 项目主页 点击Fork按钮

2.设置fork

页面中什么都不要改，直接点击Create fork按钮，等待片刻就创建完成了。这时候你自己的Github中就有了这个项目的镜像。

三、连接Github仓库和部署图床

1、进入Workers和Pages概述界面

在Cloudflare主页，点击左侧workers和Pages——>概述菜单

2、连接Github项目

首先，点击右上角创建应用程序，跳转到创建应用程序页面，并切换到Pages界面：

点击页面中的连接到Git按钮，在弹出界面中选择Github，并点击连接Github按钮：

之后，Cloudflare会自动引导你到Github授权页面，如果没有登录Github，则会先到登录界面：

接着，选择Only Select repositories，并选择上面fork好的项目，然后点击Install & Authorize按钮，确认完成授权和开始安装，Github可能会要求你输入账号密码，以确认上面的授权。输入你的Github密码并Confirm即可。

3、部署到Cloudflare

首选，选中上面授权好的Github项目，点击开始设置：

项目名称可以改成你自己喜欢的，生产分支建议保持默认的main，其他的不要动：

拉到页面下面，点击保存并部署，等待Pages自动部署项目，当看到成功提示时，表示我们的图床已经部署完成了。此时Cloudflare自动分配了一个默认的域名，直接点击即可打开图床的上传页面：

如下图，Telegraph的上传界面非常简洁，直接点击选中上传图片或视频按钮即可进行上传：

四、设置图床

1.配置管理后台

Telegraph的后台管理功能和登录验证功能默认都是关闭的，我们仅需对部署的Pages项目进行一些设置就可以开启这些功能了。

2.创建KV命名空间

打开Workers和Pages——>KV管理界面，然后点击右上角创建命名空间按钮，创建一个名为img_url的命名空间：

3.查看Pages项目

回到Workers和Pages——>概述界面，找到上面部署好的Telegraph项目，直接点击名称，进入项目的详情页面：

4.绑定KV命名空间

点击设置-函数，拉到页面的下面，找到KV命名空间绑定模块：

点击添加绑定按钮，将变量名称和KV命名空间均设置为img_url，然后保存：

5.设置管理后台登录验证

切换到环境变量页面，点击制作中的添加变量按钮，添加两个环境变量：

变量名分别是BASIC_USER和BASIC_PASS，分别代表管理员的用户名和密码，然后保存：

当然，你也可以不设置这两个变量，这时候管理后台就是无需验证即可登录。但是你可以结合Cloudflare Access服务实现支持邮件验证码、Microsoft、Github等第三方帐号登录方式，更加灵活强大。如果使用Cloudflare Access，则需要对/admin和/api/manage/*两个路径进行保护。

6.重新部署

做完以上的操作并不会立即生效，需要重新部署下系统才可以。

重新部署也非常简单，点击查看详细信息，在项目部署详情信息页面的右上角有个管理部署，点击其中的重新部署，等待重新部署完成即可。

7、登录管理后台

以上步骤操作完就实现了图床系统的管理后台功能和登录验证功能的设置，可以输入图床域名+/admin路径，就能打开管理后台了。管理界面有点简陋，可以看到图片的状态信息，也可以对图片进行黑/白名单设置或删除操作：

图片状态信息字段含义

五、绑定自定义域名

Cloudflare自动分配的域名不好记（当然，如果你能忍受就可以不自定义），我们可以设置成我们自己的域名，方便使用，设置也很简单。

1、进入Pages项目

同样先进入项目页面，切换到自定义域页面：

2、添加自定义域

点击设置自定义域，输入你自己想用的二级域名，并点击继续按钮：

3、激活自定义域

可以看到Cloudflare将自动在域名DNS中添加一个CNAME解析记录，将自定义域名指向默认分配的域名。直接点击激活域按钮，然后等待验证即可：

验证完成：

4、使用自定义域

自定义域验证完成后，而且自动帮你配置好了SSL证书，非常贴心了。此时就可以使用新的域名访问你的图床系统了。例如

https://img.weirain.com

六、开启内容审查

1、获取API Key

打开moderatecontent网站，点击SIGN UP，输入你的邮箱，点击SUBMIT，界面上就直接为你生成API Key，复制并保存下来：

2、设置环境变量

与上文中设置管理后台登录验证的步骤一样，到项目的设置——>环境界面中，添加一个环境变量，名称为：ModerateContentApiKey，值就是上面获得的API Key。

3、重新部署

开启图片审查后，因为审查需要时间，首次的图片加载将会变得缓慢，审查完成后的图片加载由于存在缓存，就不会受到影响了。

七、更新图床系统

如果Telegraph-Image项目更新了需要添加新的KV命名空间或环境变量，则先在Cloudflare的项目中配置好。然后到你自己的Github中，在Telegraph-Image项目页面上点击Sync fork——>Update branch即可。

更新完成后，稍等一会，等Cloudflare Pages那边检测到你的仓库更新了之后就会自动部署最新的代码了。

八、注意事项

以上就是关于如何利用Cloudflare和Telegraph免费自建图床的全部过程了，但需要注意以下方面：

1.每天最多100,000次免费读取操作，图片每加载一次都会占用该额度。建议在Cloudflare上开启域名缓存设置，这样仅当缓存未命中时才会占用该额度。如果额度用完了，则黑白名单等功能可能会失效。

2.每天最多1,000次免费删除操作，每有一条图片记录都会占用该额度，超过了将无法删除图片记录。

3.每天最多1,000次免费列出操作，每打开或刷新一次后台/admin都会占用该额度，超过了将无法进行后台图片管理。

4.上传的单个文件最大支持5MB。

5.开启图片审查后，不良图片会被自动屏蔽，不支持加载。

6.加入白名单中的内容可绕过图片审查结果，无论是否通过都能正常加载。而加入黑名单的图片将无法正常加载。

7.每次修改部署项目的KV、环境变量等，记得要重新部署，否则不会生效。