xf_blog副站友链归档标签分类


部分人可能需要一个东西来看看网站挂没挂,也许并不在乎内容是什么

那么你可以使用 look look your web 这个项目

怎么来的

这是我闲来无事用 ChatGPT vibe coding 出来的一个项目

分为前端和后端两个仓库

开始部署

先从后端开始

先在你的账户上通过模板创建一个仓库

先打开 lm-xiao-fen/looklookyourweb 这个仓库,点击 Use this template > Create a new repository 在你的 GitHub 账户下创建一个新的仓库

在正式部署前需在主文件(worker.js)找到下面这段代码

const SITES = [
  { name: "xf_blog", url: "https://lm-xiao-fen.github.io" },
  { name: "Google", url: "https://www.google.com" },
  { name: "GitHub", url: "https://github.com" },
  { name: "Example", url: "https://example.com" }
];

将 name 和 url 改成你自己的要检测的网站

增加网站可以按照

{ name: "Example", url: "https://example.com" },

的格式增加网站

部署到cloudflare

在 cloudflare workers 和 pages 上创建一个 workers 项目,创建时选择你在GitHub上通过模板创建一个仓库,并部署,在部署成功后分配一个域名,什么域名都可以

如果你访问,你可能会看到 Not Found 的提示,不用担心,这是正常的

然后是后端

像刚刚创建后端的仓库一样,把lm-xiao-fen/looklookyourweb-pages在你的GitHub账号下创建一个

同样的,在正式部署前需要在客户端后端文件(app.js)找到下面这段代码

const API_URL = "https://dfgg.de5.net/api/status";

将 url 改成你的分配给 worker 的域名

例如,你的 worker 域名是 yourdomain.com

那就改成

const API_URL = "https://yourdomain.com/api/status";

部署到cloudflare

在 cloudflare workers 和 pages 上创建一个 pages 项目,创建时选择你在GitHub上通过模板创建一个仓库,并部署,在部署成功后分配一个域名,什么域名都可以

访问之后你会看到这样的页面

预览

这样你就部署成功了

一些题外话

https://yourdomain.com/api/status

这是部署好之后的项目 api 里面的数据是 json ,理论上来说,你可以根据 api 自己打造一个前端



相关文章

联系我

bilibiliemailYouTuberss