搜索到
4
篇与
SSH
的结果
-
哪吒监控面板v1安装 介绍哪吒监控 是一款轻量化的服务器监控和运维工具，提供实时性能监控与告警通知。作为开源项目，它支持企业自托管，保护数据隐私，并支持多语言。哪吒服务器监控安装简便，支持自定义监控项目，可满足不同服务器运维需求。 开始安装 安装 Dashboard ssh你的服务器运行下面的脚本curl -L https://raw.githubusercontent.com/nezhahq/scripts/refs/heads/main/install.sh -o nezha.sh && chmod +x nezha.sh && sudo ./nezha.sh如果你的服务器位于中国大陆可运行下面的脚本curl -L https://gitee.com/naibahq/scripts/raw/main/install.sh -o nezha.sh && chmod +x nezha.sh && sudo CN=true ./nezha.sh以 Docker 安装为例，安装完成后按提示输入以下信息： · 请输入站点标题: - 自定义站点标题。 · 请输入暴露端口: - 公开访问端口（默认 8008，可自定义，如果是云服务器记得在安全组开启8008端口）。 · 请指定后台语言: - 选择语言偏好。输入完成后，等待拉取 Docker 镜像。安装结束后，如果一切正常，你可以通过域名和端口号访问 Dashboard，例如：http://127.0.0.1:8008 如果需要再次运行安装脚本，可输入以下命令：./nezha.sh打开管理脚本。 登录到 Dashboard 配置界面 后台管理界面的路径为 /dashboard，你只需访问：http://127.0.0.1:8008/dashboard首次登录的默认用户名和密码均为 admin。 配置反向代理 以宝塔面板为例，在宝塔面板侧边栏网站，选择反向代理，添加反代，域名填写公开访问域名，如 http://dashboard.example.com，然后填写“代理地址”。在“目标”中填入：http://127.0.0.1:8008点击“确定”。 现在，你可以直接通过域名访问面板，例如：http://dashboard.example.com 安装 Agent 哪吒监控的被控端服务被称为 AgentAgent 二进制文件仓库地址为： https://github.com/nezhahq/agent/releases 一键安装 Agent哪吒监控支持在 Windows、macOS 和 Linux 上一键安装 Agent。遵循本文档的步骤，你可以轻松地在服务器上部署它。准备工作在安装前，需要提前在管理面板中设置通信域名，该域名不可以接入 CDN。本文档以示例通信域名 “data.example.com” 为例。在后台管理面板点击头像，进入“系统设置”页。在“仪表板服务器域名/IP（无 CDN）”项中填入通信域名。 点击“确认”保存设置。一键安装步骤在 服务器 页面中，点击 安装命令 并选择对应操作系统，安装命令将自动复制到你的剪贴板。在被控端服务器中运行安装命令，等待安装完成后返回到 服务器 页面查看是否上线。 如果安装成功，页面中将自动弹出新的服务器，你可以点击编辑按钮为其设置名称。 分享一个自用美化代码<!DOCTYPE html> <html lang=“zh-CN”> <head> <meta charset=“UTF-8” /> <meta name=“viewport” content=“width=device-width, initial-scale=1.0” /> <title>哪吒探针</title> <style> @font-face { font-family: "MyFont"; src: url("https://blog.ozzo.top/usr/uploads/1.ttf"); } /* 设置页面背景为一张图片，全屏覆盖 */ html, body { height: 100% !important; background: url("https://img.ozzo.top/images/2d") no-repeat center center fixed !important; background-size: cover !important; margin: 0; } #root{ background-color: transparent !important; } /* 卡片透明并带模糊效果 */ .rounded-lg{ backdrop-filter: blur(4px)!important; background-color: transparent !important; box-shadow: none !important; } .bg-white{ backdrop-filter: blur(4px)!important; background-color: transparent !important; box-shadow: none !important; } .flex { background-color: transparent !important; } .bg-card{ background-color: transparent !important; } /* 替换左上角 Logo 图标 */ img[src*="/apple-touch-icon.png"] { content: url("/apple-touch-icon.png") !important; } /* 去除页面底部页脚 */ footer { display: none !important; } /* 主内容容器设置为半透明背景 */ .el-container { background-color: rgba(255, 255, 255, 0.9) !important; } /* 卡片、弹窗等组件设置更高透明度的背景 */ .el-card, .el-message-box, .el-dialog { background-color: rgba(255, 255, 255, 0.9) !important; } /* 深色文字设置白色阴影增强对比度 */ .el-text, .el-button, .el-table, .el-form-item__label, .el-form-item__content, .el-menu-item, .el-submenu__title { color: #333 !important; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8); } /* 浅色文字设置黑色阴影提升可视性 */ .el-text-light, .el-button--text, .el-link { color: #fff !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } /* 碎玻璃特效碎片样式 */ .fragment { position: absolute; width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.8); clip-path: polygon(0 0, 100% 0, 100% 100%); transform-origin: center; animation: shatter 1.5s ease-out forwards; pointer-events: none; } /* 碎玻璃动画关键帧 */ @keyframes shatter { 0% { transform: translate(0, 0) scale(1); opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)) rotate(var(--angle)) scale(0.5); opacity: 0; } } /* 返回顶部按钮样式 */ #backToTop { position: fixed; bottom: 30px; right: 30px; z-index: 1000; background-color: transparent; color: white; border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 24px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); transition: opacity 0.3s, transform 0.3s; display: none; } //覆写内容宽度 .w-full { max-width: 75rem !important; } #backToTop:hover { transform: scale(1.1); } #backToTop::before { content: "🚀"; font-size: 24px; display: block; line-height: 60px; text-align: center; } .mt-4.w-full.mx-auto > div { display: none; } </style> </head> <body> <!-- 返回顶部按钮 --> <button id=“backToTop”></button> <script> //禁用动画小人 window.DisableAnimatedMan = true; document.addEventListener('click', function(e) { createShatterEffect(e.pageX, e.pageY); }); //点击碎片特效 function createShatterEffect(x, y) { const fragmentCount = 20; for (let i = 0; i < fragmentCount; i++) { const fragment = document.createElement('div'); fragment.className = 'fragment'; const angle = Math.random() * 360; const distance = Math.random() * 200 + 50; const dx = Math.cos((angle * Math.PI) / 180) * distance; const dy = Math.sin((angle * Math.PI) / 180) * distance; fragment.style.left = `${x}px`; fragment.style.top = `${y}px`; fragment.style.setProperty('--dx', `${dx}px`); fragment.style.setProperty('--dy', `${dy}px`); fragment.style.setProperty('--angle', `${Math.random() * 720}deg`); document.body.appendChild(fragment); setTimeout(() => fragment.remove(), 1500); } } //隐藏数据 const observer = new MutationObserver(mutations => { document.querySelectorAll('span[data-current-value]').forEach(el => { if(!el.dataset.processed) { el.style.opacity = "0"; el.dataset.processed = true; } }); }); observer.observe(document.body, { childList: true, subtree: true }); /**/卡面添加流量统计 window.ShowNetTransfer = "true"; ; (function () { let trafficTimer = null; let trafficCache = null; const config = { showTrafficStats: true, insertPosition: 'replace', // 可选：'after', 'before', 'replace' interval: 60000, // 60秒刷新周期 style: 1 }; function formatFileSize(bytes) { if (bytes === 0) return { value: '0', unit: 'B' }; const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB']; let unitIndex = 0; let size = bytes; while (size >= 1024 && unitIndex < units.length - 1) { size /= 1024; unitIndex++; } return { value: size.toFixed(unitIndex === 0 ? 0 : 2), unit: units[unitIndex] }; } function calculatePercentage(used, total) { used = Number(used); total = Number(total); if (used > 1e15 || total > 1e15) { used /= 1e10; total /= 1e10; } return (used / total * 100).toFixed(1); } function formatDate(dateString) { const date = new Date(dateString); return date.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }); } function safeSetTextContent(parent, selector, text) { const el = parent.querySelector(selector); if (el) { el.textContent = text; } } **/ // 返回进度条颜色：绿色（0%）到红色（100%） function getGradientColor(percentage) { const clamp = (val, min, max) => Math.min(Math.max(val, min), max); const lerp = (start, end, t) => Math.round(start + (end - start) * t); const p = clamp(Number(percentage), 0, 100) / 100; const startColor = { r: 16, g: 185, b: 129 }; // #10b981 const endColor = { r: 239, g: 68, b: 68 }; // #ef4444 const r = lerp(startColor.r, endColor.r, p); const g = lerp(startColor.g, endColor.g, p); const b = lerp(startColor.b, endColor.b, p); return `rgb(${r}, ${g}, ${b})`; } function renderTrafficStats(trafficData) { const serverMap = new Map(); for (const cycleId in trafficData) { const cycle = trafficData[cycleId]; if (!cycle.server_name || !cycle.transfer) continue; for (const serverId in cycle.server_name) { const serverName = cycle.server_name[serverId]; const transfer = cycle.transfer[serverId]; const max = cycle.max; const from = cycle.from; const to = cycle.to; const next_update = cycle.next_update[serverId]; if (serverName && transfer !== undefined && max && from && to) { serverMap.set(serverName, { id: serverId, transfer: transfer, max: max, name: cycle.name, from: from, to: to, next_update: next_update }); } } } serverMap.forEach((serverData, serverName) => { const targetElement = Array.from(document.querySelectorAll('section.grid.items-center.gap-2')) .find(section => { const firstText = section.querySelector('p.break-all.font-bold.tracking-tight.text-xs')?.textContent.trim(); return firstText === serverName; }); if (!targetElement) { //console.warn(`[renderTrafficStats] 未找到服务器 "${serverName}" (ID: ${serverData.id}) 的元素`); return; } const usedFormatted = formatFileSize(serverData.transfer); const totalFormatted = formatFileSize(serverData.max); const percentage = calculatePercentage(serverData.transfer, serverData.max); const fromFormatted = formatDate(serverData.from); const toFormatted = formatDate(serverData.to); const next_update = new Date(serverData.next_update).toLocaleString("zh-CN", { timeZone: "Asia/Shanghai" }); const uniqueClassName = 'traffic-stats-for-server-' + serverData.id; const progressColor = getGradientColor(percentage); let insertPosition = config.insertPosition; const containerDiv = targetElement.closest('div'); if (!containerDiv) return; const existing = Array.from(containerDiv.querySelectorAll('.new-inserted-element')).find(el => el.classList.contains(uniqueClassName) ); if (!config.showTrafficStats) { if (existing) existing.remove(); return; } if (existing) { safeSetTextContent(existing, '.used-traffic', usedFormatted.value); safeSetTextContent(existing, '.used-unit', usedFormatted.unit); safeSetTextContent(existing, '.total-traffic', totalFormatted.value); safeSetTextContent(existing, '.total-unit', totalFormatted.unit); safeSetTextContent(existing, '.from-date', fromFormatted); safeSetTextContent(existing, '.to-date', toFormatted); safeSetTextContent(existing, '.percentage-value', percentage + '%'); safeSetTextContent(existing, '.next-update', `next update: ${next_update}`); const progressBar = existing.querySelector('.progress-bar'); if (progressBar) { progressBar.style.width = percentage + '%'; progressBar.style.backgroundColor = progressColor; } console.log(`[renderTrafficStats] 更新已存在的流量条目: ${serverName}`); } else { let oldSection = containerDiv.querySelector('section.flex.items-center.w-full.justify-between.gap-1'); if (!oldSection) { oldSection = containerDiv.querySelector('section.grid.items-center.gap-3'); insertPosition = 'after'; } if (!oldSection) return; const newElement = document.createElement('div'); newElement.classList.add('space-y-1.5', 'new-inserted-element', uniqueClassName); newElement.style.width = '100%'; if (config.style === 1) { newElement.innerHTML = ` <div class="flex items-center justify-between"> <div class="flex items-baseline gap-1"> <span class="text-[10px] font-medium text-neutral-800 dark:text-neutral-200 used-traffic">${usedFormatted.value}</span> <span class="text-[10px] font-medium text-neutral-800 dark:text-neutral-200 used-unit">${usedFormatted.unit}</span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400">/ </span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 total-traffic">${totalFormatted.value}</span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 total-unit">${totalFormatted.unit}</span> </div> <div class="text-[10px] font-medium text-neutral-600 dark:text-neutral-300"> <span class="from-date">${fromFormatted}</span> <span class="text-neutral-500 dark:text-neutral-400">-</span> <span class="to-date">${toFormatted}</span> </div> </div> <div class="relative h-1.5"> <div class="absolute inset-0 bg-neutral-100 dark:bg-neutral-800 rounded-full"></div> <div class="absolute inset-0 bg-emerald-500 rounded-full transition-all duration-300 progress-bar" style="width: ${percentage}%; background-color: ${progressColor};"></div> </div> `; } else if (config.style === 2) { newElement.innerHTML = ` <div class="flex items-center justify-between"> <div class="flex items-baseline gap-1"> <span class="text-[10px] font-medium text-neutral-800 dark:text-neutral-200 used-traffic">${usedFormatted.value}</span> <span class="text-[10px] font-medium text-neutral-800 dark:text-neutral-200 used-unit">${usedFormatted.unit}</span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400">/ </span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 total-traffic">${totalFormatted.value}</span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 total-unit">${totalFormatted.unit}</span> </div> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 percentage-value">${percentage}%</span> </div> <div class="relative h-1.5"> <div class="absolute inset-0 bg-neutral-100 dark:bg-neutral-800 rounded-full"></div> <div class="absolute inset-0 bg-emerald-500 rounded-full transition-all duration-300 progress-bar" style="width: ${percentage}%; background-color: ${progressColor};"></div> </div> <div class="flex items-center justify-between"> <div class="text-[10px] text-neutral-500 dark:text-neutral-400"> <span class="from-date">${fromFormatted}</span> <span class="text-neutral-500 dark:text-neutral-400">-</span> <span class="to-date">${toFormatted}</span> </div> <span class="text-[10px] text-neutral-500 dark:text-neutral-400">next update: ${next_update}</span> </div> `; } if (insertPosition === 'before') oldSection.before(newElement); else if (insertPosition === 'replace') oldSection.replaceWith(newElement); else oldSection.after(newElement); console.log(`[renderTrafficStats] 插入新流量条目: ${serverName}，插入方式: ${insertPosition}`); } }); } function updateTrafficStats(force = false) { const now = Date.now(); if (!force && trafficCache && (now - trafficCache.timestamp < config.interval)) { console.log('[updateTrafficStats] 使用缓存数据'); renderTrafficStats(trafficCache.data); return; } console.log('[updateTrafficStats] 正在请求新数据...'); fetch('/api/v1/service') .then(res => res.json()) .then(data => { if (!data.success) { console.warn('[updateTrafficStats] 请求成功但返回数据异常'); return; } console.log('[updateTrafficStats] 成功获取新数据'); const trafficData = data.data.cycle_transfer_stats; trafficCache = { timestamp: now, data: trafficData }; renderTrafficStats(trafficData); }) .catch(err => console.error('[updateTrafficStats] 获取失败:', err)); } function startPeriodicRefresh() { if (!trafficTimer) { console.log('[startPeriodicRefresh] 启动周期刷新任务'); trafficTimer = setInterval(() => { updateTrafficStats(); }, config.interval); } } function onDomChildListChange() { console.log('[onDomChildListChange] 检测到DOM变化, 立即刷新'); updateTrafficStats(); if (!trafficTimer) { console.log('[onDomChildListChange] 启动定时刷新'); startPeriodicRefresh(); } } const TARGET_SELECTOR = 'section.server-card-list, section.server-inline-list'; let currentSection = null; let childObserver = null; function observeSection(section) { if (childObserver) { childObserver.disconnect(); console.log('[监听] 断开旧的子节点监听'); } currentSection = section; console.log('[监听] 监听新的目标 section 子节点'); childObserver = new MutationObserver(mutations => { for (const m of mutations) { if (m.type === 'childList' && (m.addedNodes.length || m.removedNodes.length)) { console.log('[监听] section 子节点变化，触发刷新'); onDomChildListChange(); break; } } }); childObserver.observe(currentSection, { childList: true, subtree: false }); updateTrafficStats(); } const sectionDetector = new MutationObserver(() => { const section = document.querySelector(TARGET_SELECTOR); if (section && section !== currentSection) { observeSection(section); } }); const root = document.querySelector('main') || document.body; sectionDetector.observe(root, { childList: true, subtree: true }); console.log('[初始化] 启动 sectionDetector, 持续监听 section 切换'); startPeriodicRefresh(); window.addEventListener('beforeunload', () => { if (trafficTimer) clearInterval(trafficTimer); if (childObserver) childObserver.disconnect(); sectionDetector.disconnect(); console.log('[清理] 卸载监听器和定时器'); }); })(); window.CustomDesc=""; </script> </body> </html>将以上代码放入在后台管理面板点击头像，进入“系统设置”页，自定义代码（样式和脚本） -
-
-
Freenom域名自动续期bot {dotted startColor="#000000" endColor="#000000"/}项目地址https://github.com/luolongfei/freenomdocker部署（最方便）然后自动安装docker{collapse}{collapse-item label="Debian/Ubunt:" open}apt-get update && apt-get install -y wget vim wget -qO- get.docker.com | bash{/collapse-item}{collapse-item label="CentOS:" open}yum update && yum install -y wget vim{/collapse-item}{/collapse}检查docker是否安装成功并已经添加环境变量docker version启动 Docker 服务systemctl start docker查看 Docker 运行状态systemctl status docker将 Docker 服务加入开机自启动systemctl enable docker用 Docker 创建并启动容器docker run -d --name freenom --restart always -v $(pwd):/conf -v $(pwd)/logs:/app/logs luolongfei/freenom或者，如果你想自定义脚本执行时间，则命令如下docker run -d --name freenom --restart always -v $(pwd):/conf -v $(pwd)/logs:/app/logs -e RUN_AT="11:24" luolongfei/freenom上面这条命令只比上上条命令多了个 -e RUN_AT=”11:24”，其中11:24表示在北京时间每天的 11:24 执行续期任务，你可以自定义这个时间。 这里的RUN_AT参数同时也支持 CRON 命令里的时间形式，比如， -e RUN_AT=”9 11 *”，表示每天北京时间 11:09 执行续期任务， 如果你不想每天执行任务，只想隔几天执行，只用修改RUN_AT的值即可。注意：不推荐自定义脚本执行时间。因为你可能跟很多人定义的是同一个时间点，这样可能导致所有人都是同一时间向 Freenom 的服务器发起请求， 使得 Freenom 无法稳定提供服务。而如果你不自定义时间，程序会自动指定北京时间 06 ~ 23 点全时段随机的一个时间点作为执行时间， 每次重启容器都会自动重新指定。上方 Docker 命令的参数解释命令含义docker run开始运行一个容器-d 参数容器以后台运行并输出容器 ID–name 参数给容器分配一个识别符，方便将来的启动，停止，删除等操作–restart 参数配置容器启动类型，always 即为 docker 服务重新启动时自动启动本容器-v 参数挂载卷（volume），冒号后面是容器的路径，冒号前面是宿主机的路径（只支持绝对路径），$(pwd)表示当前目录-e 参数指定容器中的环境变量luolongfei/freenom这是从 docker hub 下载回来的镜像完整路径名执行 ls -a 后你就可以看到在你的当前目录下，有一个.env文件和一个logs目录，logs目录里面存放的是程序日志， 而.env则是配置文件vim .env修改.env内的配置信息然后重启容器变量名含义默认值是否必须备注FREENOM_USERNAMEFreenom 账户-是只支持邮箱账户，如果你是使用第三方社交账户登录的用户，请在 Freenom 管理页面绑定邮箱，绑定后即可使用邮箱账户登录FREENOM_PASSWORDFreenom 密码-是某些特殊字符可能需要转义，详见.env文件内注释MULTIPLE_ACCOUNTS多账户支持-否多个账户和密码的格式必须是“<账户1>@<密码1>MAIL_USERNAME机器人邮箱账户-是支持Gmail、QQ邮箱以及163邮箱，尽可能使用163邮箱或者QQ邮箱而非Gmail。因为谷歌的安全机制，每次在新设备登录 Gmail 都会先被限制，需要手动解除限制才行。具体的配置方法参考「 配置发信邮箱 」MAIL_PASSWORD机器人邮箱密码-是Gmail填密码，QQ邮箱或163邮箱填授权码TO接收通知的邮箱-是你自己最常用的邮箱，推荐使用QQ邮箱，用来接收机器人邮箱发出的域名相关邮件MAIL_ENABLE是否启用邮件推送功能true否true：启用 false：不启用 默认启用，如果设为false，不启用邮件推送功能，则上面的MAIL_USERNAME、MAIL_PASSWORD、TO变量变为非必须，可不设置TELEGRAM_CHAT_ID你的chat_id-否通过发送/start给@userinfobot可以获取自己的idTELEGRAM_BOT_TOKEN你的Telegram bot的token-否 TELEGRAM_BOT_ENABLE是否启用Telegram Bot推送功能false否true：启用 false：不启用 默认不启用，如果设为true，则必须设置上面的TELEGRAM_CHAT_ID和TELEGRAM_BOT_TOKEN变量NOTICE_FREQ通知频率1否0：仅当有续期操作的时候 1：每次执行修改并保存.env文件后，执行 docker restart freenom 重启容器，等待 5 秒钟左右然后执行 docker logs freenom 查看输出内容输出内容中有执行成功字样，则表示配置无误。其他docker常用命令查看容器在线状态及大小docker ps -as查看容器的运行输出日志docker logs freenom重新启动容器docker restart freenom停止容器的运行docker stop freenom移除容器docker rm $name查看 docker 容器占用 CPU，内存等信息docker stats --no-stream转载于 Ednovas的博客
