用cloudflare和github搭建网站监测器
首先进入github的这个仓库 https://github.com/imsyy/site-status 点击releases下载代码到本地。
下载好之后在桌面解压,解压完在任务栏找到Windows标识点击并搜索cmd。
找到后点击以管理员身份运行。
进入命令提示符后,更改并输入以下代码。
1 | cd 您的路径\您的文件夹名称 |
在输入。
1 | npm install -g pnpm |
等待执行完成后输入。
1 | pnpm install |
输入好后先不要退出,再进入以下网址 https://dashboard.uptimerobot.com/monitors 进入后创建一个免费的站点监控。
然后进入api创建页面创建一个只读api并复制。
创建好之后进入提前下载好的项目文件进入.env文件。
然后把第四行删除再把VITE_API_KEY处填写刚才复制的api。
然后把第三行取消注释(就是把开头的#还有空格删掉),然后按照注释完成代码更改。
随后再次进入cmd输入以下代码。
1 | pnpm run build |
等待执行完成文件夹内会出现dist文件夹。
然后打开github https://github.com/ 新建仓库,创建好后进入仓库上传文件将dist文件内的所有文件拖动到上传框内(注意不要在文件管理器内选择)。
上传好之后进入cloudflare https://dash.cloudflare.com/ 进入workers和pages选择创建。
然后点击连接到git,点击后会有选择让你登陆github还是其他,这里直接点击登录github,登录选择刚才的github仓库就可以了。
等待春创建完成选择自定义域绑定好域名就可以访问了。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 侯仲成的个人博客!