如何用 Cloudflare 搭建自己的图床?

在之前的文章也写过关于搭建图床的教程,那个图床不知道出现了什么问题后面就用不了了。后面经过分析,搭建图床有好处也有坏处。

你的网站图片不多的情况下建议还是上传到网站的后台上去,图床出现问题,需要花费很多时间去修复;网站图片不多两种方式都可以,可以将图片上传到网站,也可以将图片上传到自己搭建的图床。

在研究搭建图床的过程中发现了通过 Cloudflare 来搭建图床的 GitHub 项目。这个项目即使你是很小白也能顺利的搭建出一个属于自己的图床。

项目地址:Telegraph-Image项目介绍,一个免费的图片托管解决方案Flickr/imgur 替代品。使用 Cloudflare Pages 和 Telegraph。这个项目在 GitHub 上截止目前有 2.3k stars

项目截图

Telegraph-Image.png

好,咋们开始搭建。前提你得有一个域名、一个 GitHub 账号、一个 Cloudflare 账号。后面两个都可以拿你自己的邮箱账号去注册,这个项目虽然可以不用自己购买的域名,个人还是建议用你自己的域名的二级域名来做为你的图床的网址。

GitHub 是什么?GitHub 是一个在线软件源代码托管服务平台,使用Git作为版本控制软件,由开发者克里斯·汪斯崔斯、P·J·海特和汤姆·普雷斯顿·沃纳使用Ruby on Rails编写而成。 在2018年,GitHub被微软公司收购。 GitHub同时提供付费账户和免费账户。

Cloudflare 是什么?Cloudflare 是一家全球最著名的 CDN 加速服务商,提供了免费和付费的网站加速和保护服务。它的全球节点可以提高网站响应速度和性能,节省源站资源,同时也可以保护站点抵御攻击,保证网站长期稳定在线。Cloudflare 的网络上有数百万个互联网资产,而且正以每日数万的速度增长。它为数百万网站处理互联网请求,平均每秒处理 100 万个 HTTP 请求。 Cloudflare 也被叫做网络大善人,因为它的很多服务都是免费的。

回到正题,首先去 GitHub 上去搜索这个代码仓库,也可以直接点击上面的代码仓库链接,之后 Fork 这个代码仓库。

Telegraph-Image fork.png

之后按照流程操作就可以,不需要修改任何东西。搞好这一步之后登录你的 Cloudflare 账号,点击 Workers 和 Pages 里面的概述,然后点击创建应用。

Cloudflare 创建项目 1.png

点击 Page,然后点击连接到 Git

Cloudflare 切换到page 连接 git.png

之后就是连接 GitHub 账号了,之后在 Cloudflare 里选择自己连接的账户,然后选择自己想到进行连接的存储库

Cloudflare 连接存储库.png

然后点击开始设置,按照流程操作,所有的设置默认就好了,不需要修改任何东西,点击保存并部署。之后程序就会自动的部署,一般一分钟左右就能部署好。

部署好之后就会显示成功,然后你就可以看到你的图床的网址了。点击链接可能会出现访问不了,等待几分钟就可以了。点击网址你就可以看到你的图床的上传图片的页面。

图片上传.png

如何使用自己的域名?

点击自定义域,将你想要使用的域名填写上去,如果你的域名已经提前修改 DNS 改成 Cloudflare 提供的 DNS ,那么你只需要填写上域名就可以,如果不是你可能需要去你的域名管理后台去修改配置上 Cloudflare 的 DNS。

telegraph-image自定义域名.png

到这里已经算是搭建好了 一个图床了。但是有个问题你有没有发现,就是没有管理后台,怎么删除图片?怎么复制图片的地址?虽然在你上传的时候会有地址如果你想再次复制图片的地址到其他地方怎么弄呢?

点击 Kv,创建一个命名空间,创建好之后复制空间的名称,一般是以 image 命名

cloudflare创建命名空间.png

之后回到你的项目设置页面,点击设置,然后在点击函数,之后你会看到 KV 命名空间绑定,绑定你命名的空间名称。

KV 命名空间绑定.png

然后点击环境变量,添加两个环境变量,一个是 USER 一个是 PASS 这个就是你为你的图床设置的密码和账号。

设置环境变量.png

设置好函数和环境变量之后需要重新部署,不然你的设置是没有生效的。重新部署也很简单,点击重试部署就可以。

部署完成之后打开你的图床的地址,在你的图床地址后面输入 /admin 进入图床的管理后台,然后输入你在环境变量里输入的用户名和密码,你就能进入你的图床的后台。

图床后台.png

想要复制你图片的地址也很简单,将鼠标放到图片上,鼠标右键,复制图片地址。你还能看到你上传了多少张图片以及能将你的图片删除。

以上就是我通过这个 GitHub 项目搭建属于自己的图床的教程,总体来说还是很简单的。

发表评论