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

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

点赞
  1. wadad说道:
    Google Chrome Windows 10

    sad

发表评论

电子邮件地址不会被公开。必填项已用 * 标注