本文長(zhǎng)期更新地址：?服務(wù)器安裝哪吒面板詳細(xì)教程-星零歲的博客https://blog.0xwl.com/13568.html

注：本文中部分內(nèi)容源自網(wǎng)絡(luò)，第四步中部分來(lái)自本人曾經(jīng)文章：云服務(wù)器安裝配置寶塔面板并安裝基礎(chǔ)運(yùn)行環(huán)境教程-星零歲的博客
今天來(lái)講一下怎么在服務(wù)器搭建哪吒面板以實(shí)現(xiàn)監(jiān)控小雞。
搭建完成后效果：星零歲的辣雞探針?

什么是哪吒面板？

是開(kāi)源、輕量、易用的服務(wù)器監(jiān)控與運(yùn)維工具

Github：?naiba/nezha: :trollface: Self-hosted, lightweight server and website monitoring and O&M tool (github.com)
使用文檔：https://nezha.wiki/index.html

一、獲取Github 認(rèn)證授權(quán)
進(jìn)入New OAuth Application (github.com)進(jìn)行創(chuàng)建授權(quán)。 哪吒面板域名加上?https://?開(kāi)頭，回調(diào)地址再加上?/oauth2/callback?結(jié)尾。

接著按照?qǐng)D片的指示去創(chuàng)建Client secrets，然后保存Client ID和Client secrets。

剩下的不用改，拉到頁(yè)面最下面點(diǎn)擊“Update application”。

二、準(zhǔn)備服務(wù)器
這里推薦雨云服務(wù)器，雨云優(yōu)惠注冊(cè)地址：點(diǎn)此注冊(cè)有5折等優(yōu)惠
這里我是推薦購(gòu)買(mǎi)國(guó)外服務(wù)器搭建哪吒面板。

購(gòu)買(mǎi)完成后，通過(guò)網(wǎng)頁(yè)vnc或者ssh連接上你的服務(wù)器。

三、安裝哪吒面板
ssh連接到服務(wù)器后執(zhí)行
curl -L https://raw.githubusercontent.com/naiba/nezha/master/script/install.sh -o nezha.sh && chmod +x nezha.sh && sudo ./nezha.sh
兩種方式都可以，我這里以Docker安裝為例

然后選擇“1.安裝面板端”

然后按照?qǐng)D片填寫(xiě)你剛剛的信息

四、進(jìn)行反向代理
先安裝寶塔面板。

連接好ssh后，在里面輸入以下內(nèi)容并回車(chē)：
url=https://download.bt.cn/install/install_lts.sh;if [ -f /usr/bin/curl ];then curl -sSO $url;else wget -O install_lts.sh $url;fi;bash install_lts.sh ed8484bec
之后會(huì)出現(xiàn)一個(gè)這樣的畫(huà)面，輸入“y”即可。

然后，你可以去刷會(huì)B站，或者看看本人其他文章，等待安裝完成。安裝完成后，會(huì)輸出形如下圖的東西。

把“外網(wǎng)訪(fǎng)問(wèn)地址：”后面的東西復(fù)制下來(lái)，粘貼到瀏覽器中。出現(xiàn)如下頁(yè)面。

按照上圖復(fù)制ssh輸出信息并粘貼，點(diǎn)擊確認(rèn)即可。
然后按照下圖同意協(xié)議

之后會(huì)彈出要登陸寶塔賬號(hào)，沒(méi)有的注冊(cè)一個(gè)并登陸即可。

之后，去安裝以下Nginx，版本選最新即可

然后點(diǎn)擊進(jìn)入站點(diǎn)設(shè)置選項(xiàng)，選擇“反向代理” – “新建反向代理”。

自定義一個(gè)代理名稱(chēng)，在下方“目標(biāo) URL”中填入?http://127.0.0.1?然后點(diǎn)擊“保存”。

打開(kāi)剛剛新建的反向代理右邊的“配置文件”，將配置文件替換為以下內(nèi)容：

#PROXY-START/
location / {proxy_pass http://127.0.0.1:8008;proxy_set_header Host $http_host;proxy_set_header      Upgrade $http_upgrade;
}
location ~ ^/(ws|terminal/.+)$  {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 $http_host;
}
#PROXY-END/

點(diǎn)擊“保存”。然后你就能訪(fǎng)問(wèn)面板了。

五、添加被控服務(wù)器
進(jìn)入哪吒面板，登錄后進(jìn)入后臺(tái)，點(diǎn)擊“新增服務(wù)器”

自行填寫(xiě)后，點(diǎn)擊“新增”

然后復(fù)制下來(lái)命令連接到要安裝的服務(wù)器ssh，粘貼進(jìn)去回車(chē)執(zhí)行就安裝完成了。

六、哪吒面板美化（可選）
在哪吒面板所在服務(wù)器，連接ssh后輸入

wget -O nezha.sh https://raw.githubusercontent.com/lvgj-stack/nezha/master/script/install.sh && chmod +x ./nezha.sh && sudo ./nezha.sh
選擇14.
然后進(jìn)入哪吒面板點(diǎn)擊設(shè)置

把以下內(nèi)容粘貼進(jìn)“自定義代碼”

 <style>/* 自定義字體 */@font-face {font-family: 'Harmony Hans';src: url(https://cdn.amzayo.top/static/fonts/HarmonyOSHans-Medium.woff2) format('woff2');}* {font-family: 'Harmony Hans';}*:not(.content) {transition: all .2s;}/* 背景圖片 */body::before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: url(https://cdn.amzayo.top/static/public/luban/Luban_time_tour_poster.webp) center/cover no-repeat;}:root {--popup-filter: blur(2px);--lc-color-light: rgba(235, 235, 235, 0.8);--bc-color-light: rgba(235, 235, 235, 0.4);--the-color-light: rgba(235, 235, 235, 0.6);--he-color-light: rgba(235, 235, 235, 0.8);--message-color-light: rgb(22, 22, 22, 1);--popup-color-light:rgba(235, 235, 235, 0.6);--bc-color-dark: rgba(0, 0, 0, 0.4);--lc-color-dark: rgba(55, 55, 55, 0.8);--the-color-dark: rgba(35, 35, 35, 0.3);--he-color-dark: rgba(35, 35, 35, 0.8);--message-color-dark: rgb(235, 235, 235, 0.8);--popup-color-dark:rgba(78, 78, 78, 0.6);/* 注釋上面一段顏色代碼并取消下面注釋的代碼開(kāi)啟毛玻璃效果（圖形性能開(kāi)銷(xiāo)巨大，可能導(dǎo)致掉幀） *//* --popup-filter: blur(10px);--bb: blur(15px) brightness(110%);--lc-color-light: rgba(255, 255, 255, 0.7);--bc-color-light: rgba(255, 255, 255, 0.1);--the-color-light: rgba(255, 255, 255, 0.4);--he-color-light: rgba(255, 255, 255, 0.5);--message-color-light: rgb(22, 22, 22, 1); --popup-color-light:rgba(235, 235, 235, 0.6);--bc-color-dark: rgba(0, 0, 0, 0.3);--lc-color-dark: rgba(55, 55, 55, 0.8);--the-color-dark: rgba(70, 70, 70, 0.1);--he-color-dark: rgba(35, 35, 35, 0.7);--message-color-dark: rgb(235, 235, 235, 0.8);--popup-color-dark:rgba(78, 78, 78, 0.6); */}/* 暗色模式適配 */@media (prefers-color-scheme: dark) {*:not(.icon, i) {color: rgba(220, 220, 220, 0.95) !important;}.ui.menu .ui.dropdown .menu>.item {color: rgba(220, 220, 220, 0.95) !important;}.ui .cards>.card {background-color: var(--lc-color-dark) !important;border-color: var(--lc-color-dark) !important;}.ui .cards>.card i:not(.flag) {filter: saturate(60%) !important;}.ui.table thead th,.ui.table thead {background-color: var(--the-color-dark) !important;}.ui.table {background-color: none !important;}.ui.large.menu,.right.menu .menu,.service-status h2,.footer,.floating.message.warning,.floating.message.success {background-color: var(--he-color-dark) !important;}.floating.message.warning,.floating.message.success {color: var(--message-color-dark) !important;}#app .ui.fluid.accordion,.table {background-color: var(--bc-color-dark) !important;}.ui.content.popup {background-color: var(--popup-color-dark) !important;}.ui.content.popup:before{background-color: var(--popup-color-dark) !important;}.ui.progress small,td:not(.button):not(.bar):not(:has(.button, .bar)):not(:has(> small)) {filter: brightness(115%);}.ui.progress .bar,.nb-container .ui.icon.button,.service-status .delay-today>i {filter: brightness(85%);}.ui.button:hover {filter: brightness(100%) !important;}.ui.popup:before {background-color: var(--popup-color-dark) !important;box-shadow: 0px 0px 0 0 #ffffff !important;}.amzayo-custom-button {background-color: #4d4d4d8f !important;color: rgba(178, 178, 178, 0.95) !important;border: 2px solid #292929ae !important;}.amzayo-custom-button:hover {background-color: #ff8457 !important;color: #ffffffbd !important;font-weight: bolder !important;}i.amzayo-secondary-font {color: #727272ae !important;}.ui.popup {background-color: rgba(78, 78, 78, 1) !important;}.ui.menu .item:before {background: rgba(125, 125, 125, 0.15);}.ui.menu .active.item {background: rgba(10, 10, 10, 0.2);}.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child {border-left: 1px solid rgba(125, 125, 125, 0.15);}}/* 屏幕適配 */@media (min-width: 320px) {.ui-alerts.top-center {margin-left: 0px !important;left: 50%;transform: translate(-50%, -0%);}}@media (min-width: 766px) {.ui.container {width: 80%;}/* 表格樣式 */.ui.table thead th {backdrop-filter:var(--bb);background-color: var(--the-color-light);}thead tr :first-child {border-radius: 1rem 0 0 1rem !important;}thead tr :last-child {border-radius: 0 1rem 1rem 0 !important;}/* 小卡片 */.ui .cards>.card {border-radius: 1rem;border: none !important;background-color: var(--lc-color-light);padding: .25rem .25rem !important;margin: .5rem .3rem !important;}/* 小卡片頭部調(diào)整 */.ui.card>.content>.header,.ui.cards>.card>.content>.header {padding-top: 0;display: flex;color: rgba(0, 0, 0, .85);align-items: center;padding-bottom: .2em;border-bottom: 1px solid rgba(0, 0, 0, .2);}.header_info {font-size: 1rem !important;line-height: 1rem !important;margin-top: .3rem !important;padding-right: .38rem !important;}}@media (max-width: 766px) {/* 表格樣式 */.ui.table thead {backdrop-filter:var(--bb);background-color: var(--the-color-light);}thead {border-radius: 1rem !important;}thead tr {padding: 0 !important;}/* 小卡片 */.ui .cards>.card {border-radius: 1rem;background-color: var(--lc-color-light);outline: none !important;}/* 小卡片頭部調(diào)整 */.ui.card>.content>.header,.ui.cards>.card>.content>.header {padding-top: 0.5rem;display: flex;color: rgba(0, 0, 0, .85);align-items: center;padding-bottom: .2em;border-bottom: 1px solid rgba(0, 0, 0, .2);}.header_info {font-size: 1rem !important;line-height: 1rem !important;padding-top: -.1rem !important;padding-right: .38rem !important;}}/* 菜單顏色 */.ui.large.menu {backdrop-filter:var(--bb);background-color: var(--he-color-light);border-radius: 0 0 1rem 1rem !important;}.ui.menu .item:last-child {padding: 0 1.142em !important;}/* 登錄按鈕區(qū)域 */.ui.simple.dropdown {height: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;}/* 登錄之后的下拉菜單 */.right.menu .menu {border-radius: 0 0 1rem 1rem !important;position: absolute;top: 0 !important;background-color: var(--he-color-light);padding: 0 0.3em !important;}/* 登錄按鈕顏色（需要使用配套自定義主題） */.amzayo-custom-button {backdrop-filter:var(--bb);background-color: #ffffff8f;color: #000000cf;border: 2px solid #ebe1d9;border-radius: 1rem;padding: 10px 20px;font-size: 16px;}.amzayo-custom-button:hover {background-color: #ff8457;color: #ffffffbd;font-weight: bolder;}/* 大卡片 */#app .ui.fluid.accordion {backdrop-filter:var(--bb);background-color: var(--bc-color-light);border-radius: 1rem;}#app :last-child.accordion {margin-bottom: 0 !important;}/* 小卡片靠哪個(gè)方向?qū)R */.cards {justify-content: center;}.ui.card,.ui.cards>.card {box-shadow: none !important;}/* 取消下方注釋調(diào)整下面的數(shù)字以調(diào)整卡片寬度（非移動(dòng)端頁(yè)面，移動(dòng)端頁(yè)面讓它自適應(yīng)吧） *//* .ui.card,.ui.cards>.card {width: 300px !important;} *//* 小卡片右上角的圖標(biāo) */i.amzayo-secondary-font {margin-left: auto;color: rgba(255, 153, 1, 0.65);}/* 頭部配置信息樣式 */.header_info i {margin-top: .25rem;margin-right: .3rem;margin-left: .3rem;}/* 更多信息卡片 */.ui.content.popup {backdrop-filter:var(--popup-filter);border: none !important;border-radius: 1rem;margin: 0;padding: 1em !important;background-color: var(--popup-color-light);width: max-content;height: max-content;}.ui.popup {border: none !important;}/* 小三角 */.ui.content.popup:before {background-color: var(--popup-color-light);z-index: 9999 !important;border: none !important;box-shadow: 0px 0px 0 0 #ffffff !important;}.ui.bottom.popup:before {clip-path: polygon(0 0, 100% 0, 50% 50%, 0 100%);}.ui.top.popup:before {clip-path: polygon(100% 100%, 0% 100%, 100% 0);}/* 進(jìn)度條圓角和顏色 */.ui.progress {border-radius: 50rem;height: 1.5rem;}/* 卡片內(nèi)間距，如需調(diào)整小卡片高度，可以修改下面的2rem的數(shù)字 */.status.cards .wide.column {padding-top: 0 !important;padding-bottom: 0 !important;height: 2rem !important;}.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before {vertical-align: middle;margin-bottom: .2rem;}/* 狀態(tài)進(jìn)度條 */.card .bar {height: 1.5rem;}.card .bar small {vertical-align: super;line-height: 1.5rem;}.card .ui.progress .bar {min-width: 1.8em !important;border-radius: 13px;line-height: 1.65em;height: 1.5rem;}table .ui.progress .bar {border-radius: 13px;}/* 正常狀態(tài)進(jìn)度條顏色 */.nb-container .ui.progress.fine .bar {background-image: linear-gradient(to right, rgba(125, 252, 0, 0.6), rgba(50, 205, 50, 0.6));}/*有點(diǎn)累狀態(tài)進(jìn)度條顏色 */.nb-container .ui.progress.warning .bar {background-image: linear-gradient(to right, rgba(255, 215, 0, 0.6), rgba(255, 125, 80, 0.6));}/*高負(fù)載狀態(tài)進(jìn)度條顏色 */.nb-container .ui.progress.error .bar {background-image: linear-gradient(to right, rgba(255, 160, 120, 0.6), rgba(255, 70, 0, 0.6));}/* 離線(xiàn)狀態(tài)進(jìn)度條顏色 */.ui.progress.offline .bar {background-color: #000;}/* 上傳下載圖標(biāo)顏色 */i.arrow.alternate.circle.down.outline.icon {color: rgb(0, 157, 255);}i.arrow.alternate.circle.up.outline.icon {color: #ff0000;}/*服務(wù)狀態(tài)*/.nb-container .service-status .good {background: rgba(50, 205, 50, 0.75);}.nb-container .service-status .warning {background: rgba(250, 155, 40, 0.75);}.nb-container .service-status .danger {background: rgba(255, 35, 0, 0.75);}/* 服務(wù)頁(yè)面大表格背景 */.table {backdrop-filter:var(--bb);background-color: var(--bc-color-light);border-radius: 1rem !important;}.ui.table {background-color: var(--bc-color-light);}.ui.button:not(.good):not(.warning):not(.danger):hover {background: #e0e1e2 none;}.ui.button:hover {filter: brightness(0.9);}.service-status .delay-today {vertical-align: sub;}/* 循環(huán)流量統(tǒng)計(jì)標(biāo)題 */.service-status h2 {backdrop-filter:var(--bb);background-color: var(--he-color-light);border-radius: 1rem !important;margin: 0 !important;}/*底部*/.footer {backdrop-filter:var(--bb);background-color: var(--he-color-light);position: fixed !important;bottom: 0 !important;left: 0 !important;right: 0 !important;border-radius: 1rem 1rem 0 0 !important;}.ui.inverted.segment,.ui.primary.inverted.segment {background-color: var(--he-color-light);}.footer .container,.footer .container a {color: var(--message-color-light);}.footer .container a:hover {color: #ff8457 !important;}/* 提示消息 */.floating.message.success {backdrop-filter: blur(15px) brightness(110%);background-color: var(--he-color-light);border: 3px solid rgba(255.255.255.0.5);border-radius: 1rem !important;color: var(--message-color-light);box-shadow: 0 0 15px rgba(1, 132, 255, 0.65);}.floating.message.success .header {color: var(--message-color-light);}.floating.message.warning {backdrop-filter: blur(15px) brightness(110%);background-color: var(--he-color-light);border: 1px solid rgba(255.255.255.0.5);border-radius: 1rem !important;color: var(--message-color-light);box-shadow: 0 0 15px rgba(255, 153, 1, 0.65);}.floating.message.warning .header {color: var(--message-color-light);}.cpucontent {display: inline-block;}.rollanimation {animation: scroll 10s cubic-bezier(.2, 0, .8, 1) infinite;}@keyframes scroll {0% {transform: translateX(0%);}30% {transform: translateX(0%);}100% {transform: translateX(-100%);}}/*以下樣式為部分原版主題樣式，由于原版主題樣式有些強(qiáng)制性，不方便二次修改，故拿出來(lái)*/.ui.mini.message {width: 17rem;}.ui-alerts {padding: 23px 0 !important;}td {word-wrap: break-word;word-break: break-all;}.nb-container {padding-top: 75px;min-height: 100vh;padding-bottom: 65px;margin-bottom: -47px;}#app .ui.fluid.accordion {margin-bottom: 1rem;}.login.nb-container {display: flex;align-items: center;padding-top: unset;}.login.nb-container>.grid {width: 100%;margin: 0 auto;}.login.nb-container>.grid .column {max-width: 450px;}.status.cards .flag {margin-right: 0 !important;}.status.cards .header>.info.icon {float: right;margin-right: 0;}.status.cards .wide.column {padding-top: 0 !important;padding-bottom: 0 !important;height: 2rem !important;}.status.cards .three.wide.column {padding-right: 0 !important;}.status.cards .wide.column:nth-child(1) {margin-top: 1rem !important;}.status.cards .wide.column:nth-child(2) {margin-top: 1rem !important;}.status.cards .description {padding-bottom: 1rem !important;}.status.cards .ui.content.popup {min-width: 250px;}.status.cards .outline.icon {margin-right: 0 !important;}.ui.progress .bar {min-width: 1.26em !important;text-align: right;padding-right: 0.4em;line-height: 1.75em;color: rgba(255, 255, 255, 0.7);font-weight: 700;max-width: 100% !important;}.service-status .delay-today {display: flex;align-items: center;}.service-status .delay-today>i {display: inline-block;width: 1.2em;height: 1.2em;border-radius: 0.6em;background-color: grey;margin-right: 0.3em;}
</style>

然后拉到最下方點(diǎn)擊保存即可。