本教程无需宝塔面板。

准备材料

准备一个域名
注册一个Github的账户
准备一个VPS作为面板机器

解析域名

最好解析两个域名，一个开启CDN，一个不开。
只解析一个不开CDN的也行。

注册Github

注册好后创建一个OAuth Apps。https://github.com/settings/developers 然后点击New OAuth App按钮。

Github OAuth Apps填写方法

Application name 这个填写名字具体随你
Homepage URL

https://你开启小云朵的域名

Authorization callback URL

https://你开启小云朵的域名/oauth2/callback

填写OK后点击注册申请

生成Github登录密钥

153425434-e58ed7e8-61ce-4239-9022-534414500b46
Client ID 记录下来
Client secrets 点击旁边生成按钮然后记录下来

部署哪吒面板

curl -L https://raw.githubusercontent.com/naiba/nezha/master/script/install.sh  -o nezha.sh && chmod +x nezha.sh && sudo ./nezha.sh

选择1开始安装面板

配置反向代理

本教程采用caddy作为反代。

安装caddy

安装依赖

sudo apt install -y debian-keyring debian-archive-keyring apt-transport-https

安装完成后，添加官方 Caddy GPG 密钥

curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/gpg.key' | sudo gpg --dearmor -o /usr/share/keyrings/caddy-stable-archive-keyring.gpg

使用以下命令创建存储库文件

curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/debian.deb.txt' | sudo tee /etc/apt/sources.list.d/caddy-stable.list

更新apt

sudo apt update

最后，使用以下命令安装 Caddy

sudo apt install caddy -y

编辑配置文件

vim /etc/caddy/Caddyfile

屏幕截图 2022-10-07 111410
将里面的内容全部删掉，改为以下配置

www.123456.com #此项改为你的域名
encode gzip
reverse_proxy 127.0.0.1:8008

屏幕截图 2022-10-07 111702
完成后启动，启动后等带几分钟，caddy会配置ssl证书。

systemctl reload caddy # 重载配置文件

systemctl daemon-reload # 重载服务

systemctl enable caddy # 开机启动

systemctl start caddy # 启动

systemctl stop caddy # 停止

systemctl restart caddy  # 重启

systemctl status caddy   # 查看状态

caddy version #查看caddy的版本信息

访问站点设置机器

用你带小云朵的域名直接访问点击授权登录
登录好后进后台管理
打开设置，找到未接入CDN的面板服务器域名/IP，填写域名，然后保存
添加主机
信息看着填就好，点击一键安装，左边是Linux，右边是Windows。然后在被监控机上运行即可，运行完之后便可以在主机上看到vps状态。

TG机器人通知

配置tgbot

先申请一个机器人 @Botfather 记住密钥，进去和bot对话，依次 /start – /newbot – 输入bot名称 – 输入bot的用户名 – Use this token to access the HTTP API:后面一行都是密钥
然后获取自己TG的数字ID @userinfobot 记住数字
进入面板机后台，报警——先添加通知方式如下只需修改“你的机器人密钥”以及“你的数字ID”,其余不要动

https://api.telegram.org/bot你的机器人密钥/sendMessage?chat_id=你的数字ID&text=#NEZHA#

添加报警规则

离线报警

[{"Type":"offline","Duration":多少秒随你}]

CPU+内存

[{"type":"cpu","max":80,"duration":60},{"type":"memory","max":80,"duration":60}]

报警规则说明

Type

cpu、memory、swap、disk：Min/Max 数值为占用百分比
net_in_speed(入站网速)、net_out_speed(出站网速)、net_all_speed(双向网速)、transfer_in(入站流量)、transfer_out(出站流量)、transfer_all(双向流量)：Min/Max 数值为字节（1kb=1024，1mb = 1024*1024）
offline：不支持 Min/Max 参数
Duration：持续秒数，监控比较简陋，取持续时间内的 70 采样结果

Default透明主题

主题来自 https://ii.do/43.html

<style>
/* 屏幕适配 */
@media only screen and (min-width: 1200px) {
    .ui.container {
    width: 80% !important;
}
}

@media only screen and (max-width: 767px) {
    .ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) {
        margin-top: 0.4em !important;
    }
}

/* 整体图标 */
i.icon {
    color: #000;
    width: 1.2em !important;
}

/* 背景图片 */
body {
    content: " " !important;
    background: fixed !important;
    z-index: -1 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: url(https://gitee.com/darki/img/raw/master/1631081013043.webp) !important;
    font-family: Arial,Helvetica,sans-serif !important;
}

/* 导航栏 */
.ui.large.menu {
    border: 0 !important;
    border-radius: 0px !important;
    background-color: rgba(255, 255, 255, 55%) !important;
}

/* 首页按钮 */
.ui.menu .active.item {
    background-color: transparent !important;
}

/* 导航栏下拉框 */
.ui.dropdown .menu {
    border: 0 !important;
    border-radius: 0 !important;
    background-color: rgba(255, 255, 255, 80%) !important;
}

/* 登陆按钮 */
.nezha-primary-btn {
    background-color: transparent !important;
    color: #000 !important;
}

/* 大卡片 */
#app .ui.fluid.accordion {
    background-color: #fbfbfb26 !important;
    border-radius: 0.4rem !important;
}

/* 小卡片 */
.ui.four.cards>.card {
    border-radius: 0.6rem !important;
    background-color: #fafafaa3 !important;
}

.status.cards .wide.column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 3.3rem !important;
}

.status.cards .three.wide.column {
    padding-right: 0rem !important;
}

.status.cards .wide.column:nth-child(1) {
    margin-top: 2rem !important;
}

.status.cards .wide.column:nth-child(2) {
    margin-top: 2rem !important;
}

.status.cards .description {
    padding-bottom: 0 !important;
}

/* 小鸡名 */
.status.cards .flag {
    margin-right: 0.5rem !important;
}

/* 弹出卡片图标 */
.status.cards .header > .info.icon {
    margin-right: 0 !important;
}

.nezha-secondary-font {
    color: #21ba45 !important;
}

/* 进度条 */
.ui.progress {
    border-radius: 50rem !important;
}

.ui.progress .bar {
    min-width: 1.8em !important;
    border-radius: 15px !important;
    line-height: 1.65em !important;
}

.ui.fine.progress> .bar {
    background-color: #21ba45 !important;
}

.ui.progress> .bar {
    background-color: #000 !important;
}

.ui.progress.fine .bar {
    background-color: #21ba45 !important;
}

.ui.progress.warning .bar {
    background-color: #ff9800 !important;
}

.ui.progress.error .bar {
    background-color: #e41e10 !important;
}

.ui.progress.offline .bar {
    background-color: #000 !important;
}

/* 上传下载 */
.status.cards .outline.icon {
    margin-right: 1px !important;
}

i.arrow.alternate.circle.down.outline.icon {
    color: #21ba45 !important;
}

i.arrow.alternate.circle.up.outline.icon {
    color: red !important;
}

/* 弹出卡片小箭头 */
.ui.right.center.popup {
    margin: -3px 0 0 0.914286em !important;
    -webkit-transform-origin: left 50% !important;
    transform-origin: left 50% !important;
}

.ui.bottom.left.popup {
    margin-left: 1px !important;
    margin-top: 3px !important;
}

.ui.top.left.popup {
    margin-left: 0 !important;
    margin-bottom: 10px !important;
}

.ui.top.right.popup {
    margin-right: 0 !important;
    margin-bottom: 8px !important;
}

.ui.left.center.popup {
    margin: -3px .91428571em 0 0 !important;
    -webkit-transform-origin: right 50% !important;
    transform-origin: right 50% !important;
}

.ui.right.center.popup:before,
.ui.left.center.popup:before {
    border: 0px solid #fafafaeb !important;
    background: #fafafaeb !important;
}

.ui.top.popup:before {
    border-color: #fafafaeb transparent transparent !important;
}

.ui.popup:before {
    border-color: #fafafaeb transparent transparent !important;
}

.ui.bottom.left.popup:before {
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    border-color: #fafafaeb transparent transparent !important;
    background: #fafafaeb !important;
    -webkit-box-shadow: 0px 0px 0 0 #fafafaeb !important;
    box-shadow: 0px 0px 0 0 #fafafaeb !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

.ui.bottom.right.popup:before {
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    border-color: #fafafaeb transparent transparent !important;
    background: #fafafaeb !important
    -webkit-box-shadow: 0px 0px 0 0 #fafafaeb !important;
    box-shadow: 0px 0px 0 0 #fafafaeb !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

.ui.top.left.popup:before {
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    border-color: #fafafaeb transparent transparent !important;
    background: #fafafaeb !important;
    -webkit-box-shadow: 0px 0px 0 0 #fafafaeb !important;
    box-shadow: 0px 0px 0 0 #fafafaeb !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

.ui.top.right.popup:before {
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    border-color: #fafafaeb transparent transparent !important;
    background: #fafafaeb !important;
    -webkit-box-shadow: 0px 0px 0 0 #fafafaeb !important;
    box-shadow: 0px 0px 0 0 #fafafaeb !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

.ui.left.center.popup:before {
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    border-color: #fafafaeb transparent transparent !important;
    background: #fafafaeb !important;
    -webkit-box-shadow: 0px 0px 0 0 #fafafaeb !important;
    box-shadow: 0px 0px 0 0 #fafafaeb !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* 弹出卡片 */
.status.cards .ui.content.popup {
    min-width: 20rem !important;
    line-height: 2rem !important;
    border-radius: 5px !important;
    border: 1px solid transparent !important;
    background-color: #fafafaeb !important;
    font-family: Arial,Helvetica,sans-serif !important;
}

.ui.content {
    margin: 0 !important;
    padding: 1em !important;
}

/* 服务页 */
.ui.table {
    background: RGB(225,225,225,0.6) !important;
}

.ui.table thead th {
    background: transparent !important;
}

/* 服务页进度条 */
.service-status .good {
    background-color: #21ba45 !important;
}

.service-status .danger {
    background-color: red !important;
}

.service-status .warning {
    background-color: orange !important;
}

/* 版权 */
.ui.inverted.segment, .ui.primary.inverted.segment {
    color: #000 !important;
    font-weight: bold !important;
    background-color: #fafafaa3 !important;
}
</style>

<!--Logo和版权-->
<script>
window.onload = function(){
var avatar=document.querySelector(".item img")
var footer=document.querySelector("div.is-size-7")
footer.innerHTML="奶妈监控面板 and 我扒的CSS"
footer.style.visibility="visible"
avatar.src="https://ii.do/favicon.ico"
avatar.style.visibility="visible"
}
var faviconurl="https://ii.do/favicon.ico" ;                  
var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = faviconurl;
document.getElementsByTagName('head')[0].appendChild(link);
</script>

hotaru 主题更改背景图片示例

<style>
.hotaru-cover {
    background: url(图片地址，可用api) center;
}
</style>

哪吒探针

准备材料

解析域名

注册Github

Github OAuth Apps填写方法

生成Github登录密钥

部署哪吒面板

配置反向代理

安装caddy

安装完成后，添加官方 Caddy GPG 密钥

使用以下命令创建存储库文件

更新apt

最后，使用以下命令安装 Caddy

编辑配置文件

访问站点设置机器

TG机器人通知

配置tgbot

添加报警规则

报警规则说明

Default透明主题

hotaru 主题更改背景图片示例

末晨

准备材料

解析域名

注册Github

Github OAuth Apps填写方法

生成Github登录密钥

部署哪吒面板

配置反向代理

安装caddy

安装完成后，添加官方 Caddy GPG 密钥

使用以下命令创建存储库文件

更新apt

最后，使用以下命令安装 Caddy

编辑配置文件

访问站点设置机器

TG机器人通知

配置tgbot

添加报警规则

报警规则说明

Default透明主题

hotaru 主题更改背景图片示例

BBR-tcp窗口调优

iPtato-一个iptables的脚本

末晨