Git Product home page Git Product logo

nezhathemecustom's Introduction

哪吒自定义主题

优化前:https://tz.isgo.win

优化后:暂不提供demo

图片对比

image

使用方法(哪吒版本>=0.16.0)

如果哪吒版本<0.16.0,不需要network.html文件,并删除menu.html文件中第18行,即:<a class='item{{if eq .MatchedPath "/network"}} active{{end}}' href="/network"><i class="server icon"></i>{{tr "NetworkSpiter"}}</a>

如果安装面板时选用docker方式安装,步骤如下

1、将template里面的文件放到服务端/opt/nezha/dashboard/theme-custom/template目录里面

2、重启哪吒面板服务

    1)docker ps
    2)docker restart 上一步中哪吒的id

3、登录哪吒面板后台,设置===>主题==>选择Custom(local)

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

5、保存

如果安装面板时选用独立方式安装,步骤如下

1、将template里面的文件放到服务端/opt/nezha/dashboard/resource/template/theme-custom目录里面

2、重启哪吒面板服务

    systemctl restart nezha-dashboard

3、登录哪吒面板后台,设置===>主题==>选择Custom(local)

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

5、保存

(可选)修改ping值上限为2000(或任意你希望的取值)

vim /opt/nezha/dashboard/data/config.yaml

找到MaxTCPPingValue: 修改后面的值为2000

优化后新增及修改内容

  1. 内存、硬盘少于10GB时显示两位小数点,当小数部分为零时不显示结尾的零
  2. 将semantic-ui更新到了最新版
  3. .thirteen.wide.columnpadding-left修改为了0
  4. 修改了尴尬的自适应

kshipeng大佬新增及修改内容

0、三网延迟界面图表美化

1、内存、硬盘少于1GB时以MB显示, 多于1GB时精确到小数点后2位

2、卡片中在线时间后增加TCP(T)、UDP(U)连接数和进程数(P)信息

3、卡片增加: 流量、cpu、内存、虚拟内存、硬盘、负载详细信息

4、修改背景图片、Logo、版权、Favicon(可自行在设置中的css代码内修改)

5、NaN% ==> 未设置

6、信息栏 ==> 绿色:内存; 蓝色:虚拟内存; 紫色:硬盘

7、CPU图标 ==> 绿色:物理核心;蓝色:虚拟核心

nezhathemecustom's People

Contributors

kshipeng avatar shedya avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.