不二云端 - 服务器 监控页 2025-07-01T18:43:00+08:00 Typecho https://2sv.cn/feed/atom/tag/%E6%9C%8D%E5%8A%A1%E5%99%A8-%E7%9B%91%E6%8E%A7%E9%A1%B5/ <![CDATA[又一款服务器网站状态监控页]]> https://2sv.cn/archives/206/ 2025-07-01T18:43:00+08:00 2025-07-01T18:43:00+08:00 Eleven http://www.buer.cc 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.yml
version: "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 -d

Nginx 反代 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/bootstrap

Nginx 反代 3000 端口或直接访问 ip:3000 即可。

页面效果

请输入图片描述

也可直接访问 https://status.nange.cn/ 查看。

]]>