全球主机交流论坛

标题: 哪吒面板探针美化分享 [打印本页]

作者: amzayo 时间: 2023-11-1 21:40
标题: 哪吒面板探针美化分享
本帖最后由 amzayo 于 2023-12-4 19:04 编辑

Amzayo的哪吒面板美化

刚注册不能贴文字链接，可前往
blog.amzayo.com/index.php/archives/28/
获得更好的阅读体验（后续更新也在这个链接里更新）

2023/11/27 19:15

经历将近一个月的维修，电脑终于修好了emmm

修复断连后不会自动尝试重连问题

后续计划：

适配深色模式(2023/11/27 20:30 已简单适配（2.95版本）)

优化在线率信息在移动端的显示效果（已完成）

直接看demo吧

demo
tz.amzayo.top

截图预览

深色模式截图预览

移动端截图预览

移动端深色模式截图预览

特性(以下均为基于官方默认主题的更改)

1.基于官方原版主题重新排版

2.解决移动端卡片列表点击最后两个卡片右上角的图标时，发生的页面位置跳转问题

3.固定卡片宽度，栅格化(若剩余宽度不足以容下一个卡片，则换行显示)解决原版主题页面宽度变小后仍然制一行显示4个导致布局错误

4.解决弹出看卡片位置不合适导致被顶部菜单栏遮挡问题

5.增加一些我常用的主机信息显示在卡片上，方便查看（不爱喜欢可以自行修改哈）

6.底部版权信息可以在template文件夹里的footer.html里更改

7.swap未开启显示提示

使用方法
1.template里面的文件解压出来放到服务端/opt/nezha/dashboard/theme-custom/template目录里面

2.重启哪吒面板服务

3.在哪吒面板后台主题选择Custom(local)

4.将css.txt里面的CSS样式代码复制到哪吒面板后台的“自定义代码”文本框里

一些信息的修改地址

1.站点图标
header.html文件的第17行，替换掉cdn.amzayo.top/static/public/luban/luban_head.png

2.页面左上角logo
menu.html文件的第5行，替换掉cdn.amzayo.top/static/public/luban/test_head.e7b54515.png

3.底部版权信息
footer.html文件的第4到8行，依照demo底部的文字按需替换

下载地址
请前往
blog.amzayo.com/index.php/archives/28/

作者: 快乐快乐的 时间: 2023-11-1 21:46
支持一下！！！！！！

作者: Surge5 时间: 2023-11-1 21:50
感谢分享

作者: ingin 时间: 2023-11-1 21:50
这个不错，好看

作者: Sine6 时间: 2023-11-1 21:52
这个好

作者: hbetv 时间: 2023-11-1 21:52
好多RN

作者: amzayo 时间: 2023-11-1 21:57

快乐快乐的发表于 2023-11-1 21:46
支持一下！！！！！！

感谢

作者: amzayo 时间: 2023-11-1 21:59

hbetv 发表于 2023-11-1 21:52
好多RN

哈哈，便宜，服务好，还算稳定（不过我dc02的机器换ip之后我江西移动就再起不能了）

作者: amzayo 时间: 2023-11-1 22:00

Surge5 发表于 2023-11-1 21:50
感谢分享

作者: 旅行者 时间: 2023-11-1 22:03
感谢分享。

作者: 6056687 时间: 2023-11-1 22:04
支持一下！！！！！！

作者: amzayo 时间: 2023-11-1 22:07

6056687 发表于 2023-11-1 22:04
支持一下！！！！！！

前排捕捉大佬

作者: 微羽 时间: 2023-11-1 22:07
马克收藏

作者: amzayo 时间: 2023-11-1 22:08

旅行者发表于 2023-11-1 22:03
感谢分享。

作者: 主菜单 时间: 2023-11-2 10:29
CPU那里可以改成默认不滚动鼠标放上去才滚动吗

作者: 包子打的 时间: 2023-11-2 10:32
唯一难受的是背景太花哨了

作者: 水水更健康 时间: 2023-11-2 10:34
大佬，哪吒能记录机器到期时间么，快到期自动告警的那种

作者: qxwo 时间: 2023-11-2 10:35
这个能放到桌面吗

作者: 优雅的鲍勃 时间: 2023-11-2 10:37
支持一下，感谢分享

作者: 474717007 时间: 2023-11-2 10:50
好看好看

作者: invites 时间: 2023-11-2 11:47
很好看，感谢分享

作者: 你看起来真好笑 时间: 2023-11-2 11:57
好看是好看，不过背景字体啥的基本都是网页链接，加载很慢

作者: amzayo 时间: 2023-11-2 12:09

你看起来真好笑发表于 2023-11-2 11:57
好看是好看，不过背景字体啥的基本都是网页链接，加载很慢

如果想的话，可以稍微修改一下，用自己服务器上的字体文件，这就看你服务器和cdn速度了。还有就是可以用公共的字体文件，这个就看自己能不能找到了（还有提供字体文件服务器的跨域策略）。背景图片同理

作者: yydj 时间: 2023-11-2 12:09
挺好看的

作者: 煎饼 时间: 2023-11-2 12:11
非常不错，感谢。

作者: amzayo 时间: 2023-11-2 12:14

主菜单发表于 2023-11-2 10:29
CPU那里可以改成默认不滚动鼠标放上去才滚动吗

可以，触发方式改成hover应该就好了。但是为了移动端方便查看（感觉移动端点一下才动有点麻烦）我还是让它自己动吧（另外我的电脑于几天前寄了，京东售后快递员说没合适包装不能来取件，现在还在等待抢就中

，所以估计后面有段时间不能做出效果给你了（如果电脑健在应该会做一个发你，这个实现应该挺简单的））

作者: amzayo 时间: 2023-11-2 12:16

包子打的发表于 2023-11-2 10:32
唯一难受的是背景太花哨了

背景图片可以更换成自己喜欢的哈，我在css文件里标出来了背景图片位置

作者: WBG-Xiaohu 时间: 2023-11-2 12:17
很抱歉，我是世界冠军——小虎，但我并不是专业的美化分享者。不过，你可以在游戏论坛或社交媒体上寻找其他玩家分享的哪吒面板美化技巧和建议。不同玩家有不同的创意和喜好，你可以根据自己的喜好选择适合你的美化方案。

作者: amzayo 时间: 2023-11-2 12:20

水水更健康发表于 2023-11-2 10:34
大佬，哪吒能记录机器到期时间么，快到期自动告警的那种

隔壁论坛有人弄了这个，只能看到期时间，似乎不能提醒（提醒的话我也没仔细研究哪吒的提醒配置，也许，也许能通过曲线救国的方式实现），需要手动输入到期时间，虽然麻烦点，但是还是能有效果的

另外插一句，我觉得到期时间直接备注在哪吒后台也挺好的。然后要自动整合获取各家vps到期时间在我看来是很难实现的

作者: 交配交的人 时间: 2023-11-2 12:21
技术帖，绑定。

作者: amzayo 时间: 2023-11-2 12:21

qxwo 发表于 2023-11-2 10:35
这个能放到桌面吗

这个是web应用哈，需要浏览器的

作者: 念念不忘 时间: 2023-11-2 12:24
谢谢分享，已经用上了，万分感谢

作者: FirstM 时间: 2023-11-2 12:25
谢谢楼主啊，可惜我没得vps。

作者: ziming 时间: 2023-11-2 12:25
感谢分享

作者: amzayo 时间: 2023-11-2 12:29

念念不忘发表于 2023-11-2 12:24
谢谢分享，已经用上了，万分感谢

感谢支持

作者: Kaze_Kaze 时间: 2023-11-2 12:41
你那服务里面的循环流量统计怎么搞的

作者: scheme 时间: 2023-11-2 12:43
看着不像是新人啊

作者: 水水更健康 时间: 2023-11-2 13:46

amzayo 发表于 2023-11-2 12:20
隔壁论坛有人弄了这个，只能看到期时间，似乎不能提醒（提醒的话我也没仔细研究哪吒的提醒配置，也许，也 ...

好的谢谢

作者: Theshy 时间: 2023-11-2 14:12
好好好，感谢分享

作者: 秦葵莲 时间: 2023-11-2 14:32
谢谢好看

作者: Sure 时间: 2023-11-2 14:46
谢谢分享，已经用上了好看

作者: huanx 时间: 2023-11-2 14:49
哪吒需要github账号捆绑不喜欢

作者: 主菜单 时间: 2023-11-2 17:18

amzayo 发表于 2023-11-1 20:14
可以，触发方式改成hover应该就好了。但是为了移动端方便查看（感觉移动端点一下才动有点麻烦）我还是让 ...

手机我记得可以滑到哪里就让他动起来，不知道是不是要加设备识别才能同时实现这两个功能

作者: coolnson 时间: 2023-11-2 17:28

谢谢分享

作者: 绿皮小子 时间: 2023-11-2 17:43
学习了

作者: a1124773883 时间: 2023-11-2 17:44
好点个赞

作者: amzayo 时间: 2023-11-2 17:45

huanx 发表于 2023-11-2 14:49
哪吒需要github账号捆绑不喜欢

支持几种账号验证的，个人认为这是为了安全也兼顾易用

作者: wuyee 时间: 2023-11-2 17:51
nazoule

作者: slcydia 时间: 2023-11-2 17:52
好看

作者: odmin 时间: 2023-11-2 18:14
感谢分享，已使用

作者: oldtuna 时间: 2023-11-2 18:16
感谢分享

作者: Sine6 时间: 2023-11-11 18:28
之前收藏准备今天搭来着，但是博客的下载页面不知道是炸了还是咋了，一直加载中哇

https://blog.amzayo.com/index.ph ... ZV9maW5fMi45MS56aXA

作者: 幽影寻秋 时间: 2023-11-11 18:33
图挺好看！想折腾的时候再来学

作者: 鱼乐乐 时间: 2023-11-11 18:36
感谢分享

作者: lokinT 时间: 2023-11-11 18:37
这个可以啊

作者: amzayo 时间: 2023-11-11 22:23

Sine6 发表于 2023-11-11 18:28
之前收藏准备今天搭来着，但是博客的下载页面不知道是炸了还是咋了，一直加载中哇
https://blog.amza ...

不知道为什么博客的外链转内链插件好像炸了，我关了，现在好了

作者: 草丛中一杯茶 时间: 2023-11-11 22:24
丑的掉渣，花里胡哨的，简洁一点最明了

作者: telnetpig 时间: 2023-11-11 22:26
这个可以有

作者: amzayo 时间: 2023-11-11 22:32
本帖最后由 amzayo 于 2023-11-11 22:34 编辑

草丛中一杯茶发表于 2023-11-11 22:24
丑的掉渣，花里胡哨的，简洁一点最明了

每个人的要求以及审美不能一致。喜欢简洁的话，可以更新哪吒面板至最新版本，新上了一个非常简洁的serverstatus探针主题

作者: checkra2n 时间: 2023-11-11 22:43

感谢分享
大佬有个问题你的服务里面能看到机器的状态我的里面是空白的
该怎么去设置一下呢

作者: amzayo 时间: 2023-11-11 22:46

checkra2n 发表于 2023-11-11 22:43
感谢分享
大佬有个问题你的服务里面能看到机器的状态我的里面是空白的
该怎么去设置一下呢 ...

在哪吒面板后台，服务那一项，可以设置近30天在线率
在报警那一项，可以设置流量信息监控

作者: cesihai 时间: 2023-11-11 23:06
用上了好看

作者: binvin 时间: 2023-11-11 23:07
谢谢大佬分享

作者: 老年先疯队队长 时间: 2023-11-12 09:20
用上了很新颖

作者: i可乐 时间: 2023-11-19 18:21
这个好像不能显示CPU核心数

作者: 暖风 时间: 2023-11-19 18:48
这个不错，多谢多谢！！！！

作者: amzayo 时间: 2023-11-19 19:07
本帖最后由 amzayo 于 2023-11-19 19:12 编辑

i可乐发表于 2023-11-19 18:21
这个好像不能显示CPU核心数

你好，cpu核心数包含在服务器名字下面那一排里，最左边滚动的地方

作者: yzy1531 时间: 2023-11-19 19:08
感谢分享

作者: i可乐 时间: 2023-11-19 19:18

amzayo 发表于 2023-11-19 19:07
你好，cpu核心数包含在服务器名字下面那一排里，最左边滚动的地方

可以可以不错点赞

作者: acgn 时间: 2023-11-19 19:26
不错，挺好看的

作者: Debians 时间: 2023-11-19 19:33
你好，大佬，我想在pc端访问的时候在首页和服务那一行增加按钮，请问怎么操作呢

作者: amzayo 时间: 2023-11-19 19:49

Debians 发表于 2023-11-19 19:33
你好，大佬，我想在pc端访问的时候在首页和服务那一行增加按钮，请问怎么操作呢 ...

你好，在这个位置增加按钮是修改menu.html文件。可以配合自定义css来实现只在pc端显示

作者: entropy 时间: 2023-11-19 19:51
看着还不错

作者: vlin 时间: 2023-11-19 19:57
感谢分享

作者: sunman1g 时间: 2023-11-19 19:58
哪吒支持当月消耗流量吗？

作者: amzayo 时间: 2023-11-19 20:00

sunman1g 发表于 2023-11-19 19:58
哪吒支持当月消耗流量吗？

哪吒是支持的，还可以设置流量超过限定量就关机的

作者: qqtc007 时间: 2023-11-19 20:06
真的很漂亮哟~！赞一个！

作者: leglo 时间: 2023-11-19 20:07
哪吒面板默认就蛮好看了，缺点是无法看到某段时间内的cpu、内存等消耗，都是只能看到现在的

作者: amzayo 时间: 2023-11-19 20:09

leglo 发表于 2023-11-19 20:07
哪吒面板默认就蛮好看了，缺点是无法看到某段时间内的cpu、内存等消耗，都是只能看到现在的 ...

你这个需求可以去看看tanzhen.xyz搭建这个同款

作者: 笑花落半世琉璃 时间: 2023-11-19 20:15
一开始比较新鲜，然后用一段时间就没感觉了，还是默认的简洁

作者: wwt 时间: 2023-11-19 20:16
请教个问题，监控端和被监控端的8008/5555都放开了，还是显示已离线是哪里出问题了

作者: amzayo 时间: 2023-11-19 20:24

笑花落半世琉璃发表于 2023-11-19 20:15
一开始比较新鲜，然后用一段时间就没感觉了，还是默认的简洁

适合自己就行，要是默认我觉得够用了我也用默认

作者: amzayo 时间: 2023-11-19 20:25

wwt 发表于 2023-11-19 20:16
请教个问题，监控端和被监控端的8008/5555都放开了，还是显示已离线是哪里出问题了 ...

被监控机器安装了agent端吗

作者: piaofu998 时间: 2023-11-19 20:27
挺好看的。。

作者: leglo 时间: 2023-11-19 20:31

amzayo 发表于 2023-11-19 20:09
你这个需求可以去看看tanzhen.xyz搭建这个同款

谢谢，是我想要的，还可以docker搭建，不错~

作者: wwt 时间: 2023-11-19 20:34

amzayo 发表于 2023-11-19 20:25
被监控机器安装了agent端吗

确定装了

作者: amzayo 时间: 2023-11-19 20:45

wwt 发表于 2023-11-19 20:34
确定装了

这个仅靠简单的文字描述还是难以确定问题在哪里

作者: loukky 时间: 2023-11-19 23:36
本帖最后由 loukky 于 2023-11-19 23:43 编辑

提示这个后台主题文件异常：custom
另外问下大佬.这个"服务"页面是哪里的机器负责监控的呀,为啥我服务端在美国的机器上ping监测达拉斯的服务器延迟竟然有160...我直接在服务器上ping也就30ms的延迟

作者: 最佳伴侣 时间: 2023-11-19 23:59
有win的版本吗。

作者: yima 时间: 2023-11-20 18:30
透明度改哪个

作者: zihhw 时间: 2023-11-27 17:12
大佬，请问手机上滑动感觉很卡怎么弄

作者: 未完的歌 时间: 2023-11-27 17:31
一直默认的，改了点样式

作者: amzayo 时间: 2023-11-27 21:15
本帖最后由 amzayo 于 2023-11-27 21:17 编辑

zihhw 发表于 2023-11-27 17:12
大佬，请问手机上滑动感觉很卡怎么弄

也许是动画导致卡顿，我这边手机和电脑上看都不卡。可以尝试关掉动画。（其实感觉模糊开销最大）

作者: lsla 时间: 2023-12-1 16:03
大佬，这个服务器居中能改吗？剩一个服务器孤零零的中间怪怪的

作者: 黄局长 时间: 2023-12-1 16:07
绑定

作者: chanss 时间: 2023-12-1 16:12
绑定

作者: amzayo 时间: 2023-12-1 20:50

lsla 发表于 2023-12-1 16:03
大佬，这个服务器居中能改吗？剩一个服务器孤零零的中间怪怪的

可以的，在css里面标出来了可以修改对其方式的地方。然后也可以修改home.html里面强制一行只显示一台机器这样子

作者: lcofo 时间: 2023-12-1 20:58
老板可以重用

作者: fzaas 时间: 2023-12-3 13:54
楼主你的站离线了。下载不了。谢谢

作者: 小猪猪是你 时间: 2023-12-3 14:43
谢谢分享，支持一波

欢迎光临全球主机交流论坛 (https://lilynana.eu.org/)