使用Cloudflare Workers搭建静态网页

自从上次使用Cloudflare Workers+Backblaze B2搭建了图床之后，看了看自己速度慢得起飞的浏览器主页，最终还是把毒手伸向了它.....

在重写之前，先打开Cloudflare官方的模板库

发现如下内容

也就是说可以在Worker脚本中插入HTML代码
理解一下就是

const html = `HTML代码（可换行，可缩进）`

async function handleRequest(request) {
  return new Response(html, {
    headers: {
      "content-type": "text/html;charset=UTF-8",
    },
  })
}

addEventListener("fetch", event => {
  return event.respondWith(handleRequest(event.request))
})

这就是我们想要的东西了

教程开始

打开Cloudflare，如没有Cloudflare账户可以注册一个
创建一个A记录，随便指向一个IP

打开Workers选项

点击管理Workers

点击创建Workers

在编辑器中粘贴如下内容，注意要根据自己实际更改，这是纯静态的

const html = `HTML代码`

async function handleRequest(request) {
  return new Response(html, {
    headers: {
      "content-type": "text/html;charset=UTF-8",
    },
  })
}

addEventListener("fetch", event => {
  return event.respondWith(handleRequest(event.request))
})

点击保存并部署
退出编辑器
点击添加路由

根据自己实际需要填写，Worker选择刚才创建的
打开你设置的网址看看
END

DEMO：https://start.typeboom.club/