又一款服务器网站状态监控页

由 giuem 大佬开源的项目，我 Fork 了一份，且进行了一些小小的改动：

https://github.com/XOS/StatusPage

1. 前端改为中文显示；
2. 改变页面显示宽度；
3. 修改显示数据为最近 60 天（原版 45 天）；
4. 增加显示当前日期数据（原版只显示到前一天）；
5. 修改时区为东八区；
6. 其它布局微调。

安装部署

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/ 查看。