2023/12/4 18:45
修复cpu信息滚动在某些浏览器换行问题
修改cpu滚动信息方式(类似网易云手机顶部歌曲名展示样式),由于不用计算容器宽度和移除动画,故不用自定义js代码了
暗色模式进一步完善(已完成)
优化30天在线率按钮点击反馈效果
修复移动端提示信息不居中
2023/11/27 19:15
经历将近一个月的维修,电脑终于修好了emmm
修复断连后不会自动尝试重连问题
后续计划:
适配深色模式(2023/11/27 20:30 已简单适配(2.95版本))
优化在线率信息在移动端的显示效果(已完成)
demo-->amzayo_status
桌面端截图预览
浅色模式截图预览
深色模式截图预览
移动端截图预览
浅色模式截图预览
深色模式截图预览
特性(以下均为基于官方默认主题的更改)
1.基于官方原版主题重新排版
2.解决移动端卡片列表点击最后两个卡片右上角的图标时,发生的页面位置跳转问题
3.固定卡片宽度,栅格化(若剩余宽度不足以容下一个卡片,则换行显示)解决原版主题页面宽度变小后仍然制一行显示4个导致布局错误
4.解决弹出看卡片位置不合适导致被顶部菜单栏遮挡问题
5.增加一些我常用的主机信息显示在卡片上,方便查看(不爱喜欢可以自行修改哈)
6.支持暗色模式(自动切换)
7.底部版权信息可以在template文件夹里的footer.html里更改swap未开启显示提示
使用方法
0.15.17版本之前:
1.将template中的menu.html第5行改成
<img src="../../static/theme-custom/head.png">
1.template里面的文件放到服务端/opt/nezha/dashboard/theme-custom/template目录里面
2.static里面的文件放到服务端/opt/nezha/dashboard/theme-custom/static目录里面
2.重启哪吒面板服务
3.在哪吒面板后台主题选择Custom(local)
4.将 自定义代码.txt 里面的内容复制到哪吒面板后台的“自定义代码”文本框里
0.15.17以及版本之后:
1.template里面的文件放到服务端/opt/nezha/dashboard/resource/template/theme-custom目录里面
2.static里面的文件放到服务端/opt/nezha/dashboard/resource/static/custom目录里面
2.重启哪吒面板服务
3.在哪吒面板后台主题选择Custom(local)
4.将 自定义代码.txt 里面的内容复制到哪吒面板后台的“自定义代码”文本框里
一些信息的修改地址
1.站点图标header.html文件的第17行,替换掉https://cdn.amzayo.top/static/public/luban/luban_head.png
2.页面左上角logomenu.html文件的第5行,替换掉https://cdn.amzayo.top/static/public/luban/test_head.e7b54515.png
3.底部版权信息footer.html文件的第4到8行,依照demo底部的文字按需替换
25 条评论
怎么改成一排4个小卡片? 现在只有3个 看着难受
一排显示几个卡片是根据浏览器画面的宽度决定的,宽度越大,一排显示的小卡片就越对,反之就越少。如果强制显示4个,那么当浏览器宽度变小的时候会出现小卡片内部的排列打乱
当然如果你执意要改成一排4个,可以将home.html文件的
div class="ui stackable status cards"
替换为
div class="ui four stackable status cards"
是目前看过最优雅版本的哪吒主题辣!
目前开发者看起来仍然在高速开发的样子,但还是想问问有没有考虑做一个类似于ServerStatus主题的简洁模式?当下版本虽好,但是服务器多起来了之后,信息密度就会变低了。
感谢支持,实际上这个美化已经接近尾声或者说已经完成了(还有个手动切换深色浅色模式没做,找不到合适的地方放切换按钮,就随它自己切换吧)
确实这样子的信息不够够密集,服务器多起来后不高效,后面要是有时间了也许会试着弄一个(但是应该99%不会有的emm)
桌面端好弄,移动端实在没什么好的方法兼顾数量(展示的服务器数量)与质量(每个服务器展示的数据类型的多少以及页面排版(比如serverstatus移动端为了塞下更多信息,字太小了不方便阅读,反之字大点,内容少))
大佬很喜欢你做的哪吒探针美化,能不能用bideo.js这个库做一个动态背景呢?
你好,是类似于cdn.amzayo.top这个主页的视屏动态背景效果吗
FireFox 118.0b8 浏览服务器 CPU那段似乎不会滚动
你好,已于2023/12/4 18:30完成修复
0.15.17以及版本之后:
1.template里面的文件放到服务端/opt/nezha/dashboard/resource/template/theme-custom目录里面
2.static里面的文件放到服务端/opt/nezha/dashboard/resource/static/custom目录里面
我没看到resource这个目录啊
如果是从老版本升级上来的话,那么目录还是原来的
提示后台主题文件异常:custom该怎么排查呢
你好,我把我的nezhe探针更新到了 0.15.17版本(最新版本),依然正常使用。那应该是放的位置不对了
你好,可以先排查一下文件放到指定文件夹之后哪吒面板docker容器重启过了没(也可以直接重启服务器),然后你的哪吒面板是否是0.15.17版本(最新版本)及以上?好像昨天一次更新之后主题文件不是放在这个文件夹了,不过我现不太方便。等晚上我更新一下哪吒面板试了之后再给你答复
还是放在theme-custom里面但是有一个问题,左上角图标不显示了(您的图裂了那种),我已经在static放了head.png了
这个我升级之后也遇到了,原来是我记错了,改的是static的路径,我现在安装的是哪吒的最新非docker版本,已经显示出来了,可以试试把head.png放到/opt/nezha/dashboard/resource/static/custom里面,然后修改一下menu.html的第五行内容,src那里修改为src="/static-custom/head.png",我目前是这样的,后面有时间我简单写个各版本文件位置
这次更新更新了好像把文件夹路径都改过了,我docker和非docker都试了一下
是的,主题模板文件路径目前还是一样的,但是static静态资源文件路径改了,不过看源码改动,要引用自定义静态资源里面的文件。路径为/static-custom/
把CPU改成横向滚动了
/* CPU信息横向滚动 */
div.header.header_info > div.cpuroll {
--container-width: 101px;
white-space: nowrap;
overflow: hidden;
}
大佬那个循环流量统计怎么做的啊 查不到相关教程
CPU 内存 硬盘不太好看 CPU名称太长还是要换行显示
大佬 我想让他居左 居中机子太少显得不整齐 大佬改css哪里