不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

一、托管域名

毋庸置疑,要使用CF的服务,首先要把域名托管到Cloudflare

注册Cloudflare帐号,添加域名,按提示设置DNS为Cloudflare的DNS并等待生效即可。

因不是本文重点,这里不做过多阐述。

二、创建Workers KV

进入需要搭建短链接网站的域名,点击『Workers』。

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

出现如下界面,点击『管理KV命名空间』。

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

输入任意名称,点击添加。

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

上面的菜单,点击Workers,点击创建 Worker。

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

三、构建短链接网站

打开:https://github.com/xyTom/Url-Shorten-Worker/

如果要进行自定义,则登陆自己的账号,没有就注册一个。

登陆后,在这个项目右边,点击Fork。

点击index.js,复制其中的代码,粘贴到我们创建的worker中,并点击保存并部署:

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

代码是这样的:

四、绑定域名并解析

完场以上环节后,可以通过Cloudflare提供的链接,访问到短链接网站,当然,我们需要绑定自己的域名,实现构建短链接网站。

返回Workers界面,点击刚刚创建的worker。

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

依次设置并点击保存。

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

返回域名管理,依次选择,设置路由。

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

绑定到刚才的Woker,点击保存。

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

路由这里可以填:sangbian.com/*

点击顶部菜单,选择DNS,添加两条记录:

不用服务器不用空间 白嫖Cloudflare KV 搭建一个短链接网站 详细搭建过程及自定义页面

名称这里,一条填@,另一条填www(也可以不要这一条),地址填写8.8.8.8,保存即可。

等待生效后就能通过自己的域名访问。

五、自定义页面

在我们的Worker代码中,有其中一句:

打开这个链接,复制其中的代码。

还记得刚才我们Fork了一份代码吗?去我们的项目中,创建一个html文件,文件名自定义,参考以下我的代码修改后保存:

保存后,将对应的GitHub链接复制,创建jsdelivrCDN链接,修改Worker代码中的链接为我们的CDN链接,即可。

比如,我们的GitHub链接是:

那么Jsdelivr的CDN链接生成后就是:

即,我最终的代码是:

至此,短链接网站制作完成,不用服务器,不用空间,还自带CDN,除了10万的限额以外,一切都是那么的美好。

原创文章,作者:蓝洛水深,如若转载,请注明出处:https://blog.lanluo.cn/10356

发表评论

登录后才能评论