不二云端 - 服务器 监控页 https://2sv.cn/tag/%E6%9C%8D%E5%8A%A1%E5%99%A8-%E7%9B%91%E6%8E%A7%E9%A1%B5/ 又一款服务器网站状态监控页 https://2sv.cn/archives/206/ 2025-07-01T18:43:00+08:00 AI摘要:这篇文章介绍了一个开源的服务器网站状态监控页面,并讲解了如何进行自定义修改和部署。作者在原有项目基础上,修改了前端语言、数据展示范围和时区等细节。提供了两种部署方式:通过 Docker 环境和常规环境部署。文章还包括了具体的代码配置、安装步骤以及如何通过 Nginx 反向代理访问页面。Powered by AISummary.由 giuem 大佬开源的项目,我 Fork 了一份,且进行了一些小小的改动:https://github.com/XOS/StatusPage修改说明:前端改为中文显示;改变页面显示宽度;修改显示数据为最近 60 天(原版 45 天);增加显示当前日期数据(原版只显示到前一天);修改时区为东八区;其它布局微调。安装部署Docker 环境下部署使用获取 Docker 文件wget https://raw.githubusercontent.com/XOS/StatusPage/master/docker-compose.yml修改配置文件docker-compose.ymlversion: "3" services: status: image: nangle/status-page # build: . environment: - PORT=3000 - LOG_LEVEL=info - CRON_TIME=*/1 * * * * - UPTIME_ROBOT_API=ur94****-4d**687*****a1917****** - UPTIME_ROBOT_NAME_PATTERN=%group|%index|%name - WEBSITE_TITLE=服务状态 - WEBSITE_COPYRIGHT=楠格 # To use config file for more flexible configure, # please uncomment next block # volumes: # - ./config:/app/config ports: - 127.0.0.1:8082:3000启动docker-compose up -dNginx 反代 8082 端口或直接访问 ip:8082 即可。常规环境下部署使用克隆代码git clone https://github.com/XOS/StatusPage.git && cd StatusPage安装依赖npm i && yarn install && yarn cache clean构建yarn build修改 config/default.yml运行node build/bootstrapNginx 反代 3000 端口或直接访问 ip:3000 即可。页面效果也可直接访问 https://status.nange.cn/ 查看。