服务器状态监控——“哪吒探针面板”搭建教程

简介

最近接触到了这款探针,搭建起来也很方便,之前用的 ServerStatus-Hotaru ,添加机器调整顺序不是很方便, 故此换了哪吒探针,发现哪吒添加机器添加机器很方便。现在在这里分享一下教程。

演示站:http://status.llxx.cc/

github项目地址:https://github.com/naiba/nezha

准备

  1. GitHub账户
  2. 宝塔面板
  3. 一个域名

开始之前,请先确定你搭建探针的域名

比如说tz.llxx.cc作为面板的域名,还有一个tzz.llxx.cc是用来记录面板服务器的IP

安装监控

新建OAuth App

首先打开:https://github.com/settings/developers,然后点击New OAuth App按钮。
记录下OAuth Apps的Client ID和Client secrets
服务器状态监控——“哪吒探针面板”搭建教程服务器状态监控——“哪吒探针面板”搭建教程服务器状态监控——“哪吒探针面板”搭建教程

执行脚本

打开github项目地址,现在有一键代码,我还是比较推荐使用国外的机器搭建哪吒探针的。https://github.com/naiba/nezha

curl -L https://raw.githubusercontent.com/naiba/nezha/master/script/install.sh  -o nezha.sh && chmod +x nezha.sh
sudo ./nezha.sh  #国外机
curl -L https://cdn.jsdelivr.net/gh/naiba/nezha@master/script/install.sh -o nezha.sh && chmod +x nezha.sh
CN=true sudo ./nezha.sh      #国内机

脚本复制到你的服务里,按1安装,输入相关信息服务器状态监控——“哪吒探针面板”搭建教程

放行端口,解析域名

在你的服务器上开放8088和5555端口。并且解析两个域名到服务器!

新建网站

宝塔新建一个网站
服务器状态监控——“哪吒探针面板”搭建教程

设置ssl

服务器状态监控——“哪吒探针面板”搭建教程

设置反向代理

服务器状态监控——“哪吒探针面板”搭建教程服务器状态监控——“哪吒探针面板”搭建教程服务器状态监控——“哪吒探针面板”搭建教程

location /
{
proxy_pass http://127.0.0.1:8008;
proxy_set_header Host $host;
}
location /ws
{
proxy_pass http://127.0.0.1:8008;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
proxy_set_header Host $host;
}

登入后台

这时候就可以输入tz.llxx.cc访问后台了,登入后台,设置未接入CDN的面板服务器域名/IP服务器状态监控——“哪吒探针面板”搭建教程

 

添加服务器

服务器状态监控——“哪吒探针面板”搭建教程

复制一键命令

复制一键命令到其他要被监控的机器,一键添加,非常方便

服务器状态监控——“哪吒探针面板”搭建教程

自定义代码

可以去版权、改LOGO、加统计代码等等。

默认主题更改进度条颜色示例

<style>
.ui.fine.progress> .bar {
    background-color: pink !important;
}
</style>

默认主题修改LOGO、移除版权示例

<style>
.right.menu>a{
visibility: hidden;
}
.footer .is-size-7{
visibility: hidden;
}
.item img{
visibility: hidden;
}
</style>
<script>
window.onload = function(){
var avatar=document.querySelector(".item img")
var footer=document.querySelector("div.is-size-7")
footer.innerHTML="Powered by 你的名字"
footer.style.visibility="visible"
avatar.src="你的方形logo地址"
avatar.style.visibility="visible"
}
</script>

hotaru 主题更改背景图片示例

<style>
.hotaru-cover {
    background: url(https://s3.ax1x.com/2020/12/08/DzHv6A.jpg) center;
}
</style>
阅读剩余
THE END