UptimeRobot监控美化修改版

技术 | Technology
1

没有小鸡，只有虚拟主机，所以使用UptimeRobot做监控网站非常不错。

所以才有了这个项目。

修改美化的网站监控版本，动手能力强的在修改一下可以做个导航，还可以监控网站。

项目地址：https://github.com/caogens/uptime-status-pro

美化了页面，添加了背景设置，添加了状态统计，添加了网站SSL证书的检测，添加了搜索功能。

</s><e>

演示地址：https://www.xh.sd

安装准备：
先到 https://uptimerobot.com/ 注册账号，添加监控（添加教程：https://www.nodeloc.com/d/9721）。
然后获取API Key，打开：https://dashboard.uptimerobot.com/integrations 在最下面下面找到Main API keys，选择只读密钥Read-only API key，点击后面的+Create，然后复制保存起来。
[![](https://ps.ssl.qhimg.com/t02a134917a5a897f13.jpg)](https://ps.ssl.qhimg.com/t02a134917a5a897f13.jpg)

安装部署：
推荐使用vercel或netlify

  • - 克隆或fork 本仓库，具体姿势取决于你。
  • - 修改 `config.js` 文件：
  • - `SiteName`: 要显示的网站名称
  • - `ApiKeys`: 从 UptimeRobot 获取的 API Key（只读即可），Read-Only API Key。
  • - `CountDays`: 要显示的日志天数，建议 60 或 90，显示效果比较好。
  • - `ShowLink`: 是否显示站点链接。
  • - `Image`: 背景图片，觉得背景花俏可以留空。
  • - `color`: 背景颜色。
  • - `Navi`: 导航栏的菜单列表。
  • - 傻瓜式部署到 vercel.com

    • 同时搜集使用本站免费域名搭建网站的网址，有已经建站的可以发出来，我会添加上去。
    2

    你要往哪儿放外链？不就是 img 标签吗？:xhj21:

    3

    @“dfjk”#p236675 咋把外链图片放帖子里

    4

    @“低调G”#p236680 你试试 </s>[![](图片地址)](链接地址)<e>

    5

    @“dfjk”#p236683 OK

    [![](https://p0.ssl.qhimgs1.com/t02ca1f2acaf8e93214.jpg)](https://p0.ssl.qhimgs1.com/t02ca1f2acaf8e93214.jpg)

    6

    我还是喜欢简单点 跟哪吒监控一样 都太花了

    7

    @“虎杖呦呦呦”#p236695 哈 可以设置个背景颜色或者图片，不喜欢就别设置图片即可。

    另外哪吒之类的适合小鸡vps，这个适合虚拟主机的监控。

    自己拿个域名就可以了。

    8

    详细写一下制作过程，使用方法

    让 @James 给你加精华

    9

    @“削除禁止”#p236719 谢谢！我尽力写，语言表达能力较弱。

    10

    非常感谢

    11

    他能监控API接口吗:ac01:

    12

    拿走了，谢谢

    13

    @“沃似泥碟”#p236891 这个没试过，你可以搞一个试一下。

    我感觉应该可以吧。

    14

    我就没有小鸡，只有虚拟主机，用的到。

    15

    现在如果按性能和空间记算单位价格，虚拟主机比 VPS 贵得多，你们啥情况？

    16

    @“dfjk”#p237525 有一种叫免费空间

    17

    @“ᴍᴊᴊ”#p237533 大师，是我肤浅了 :xhj31:

    18

    @“dfjk”#p237535 哈哈 小日本的xrea和法国的free.fr等空间，都稳定20年左右了吧。

    19

    Image description</s>Image description<e>

    比着你的做了一个

    20

    @“eiFee”#p238586 发来看看