当前位置: 首页 > news >正文

做足彩推荐赚钱的网站wordpress 如何生成 htlm

做足彩推荐赚钱的网站,wordpress 如何生成 htlm,高校英文网站建设 文献综述,电脑版浏览器入口官网一, grafana-9.4.3版本的主题更改 grafana-9.4.3版本应该是目前比较高的版本了,但不知道是什么原因,grafana的主题界面并不多,只有暗色,亮色和系统色三种 配置管理----首选项里可以看到 亮色: 暗色&…

一,

grafana-9.4.3版本的主题更改

grafana-9.4.3版本应该是目前比较高的版本了,但不知道是什么原因,grafana的主题界面并不多,只有暗色,亮色和系统色三种

配置管理----首选项里可以看到

亮色:

暗色:

那么,作为一个常用的监控页面,自然还是希望能有更多的色彩了,毕竟暗色系看的时间长了会让人有点压抑,而亮色系看的时间长了会有点刺眼,可不可以自由定制呢?答案必须是肯定的了,下面将就如何更改grafana的主题色以及设置背景图片来做一个说明

二,

主题色更改的原理

grafana的主题色更改是利用插件来实现的,当然了,可以实现主题色定制的插件很多,但目前来说,应该是boom theme这个插件比较好了,该插件主要优点是简单,易用。

下面是该主题插件安装好后的截图:

特别注意,在grafana的页面上找到plugins后,查找到该插件后,点击进入后必须有Uninstall才表示安装成功

 

该插件安装完毕后,panel就可以指定使用css文件了,然后通过指定的css文件来对当前的dashboard做渲染,也就是说每个dashboard都需要设置一个panel,然后指定css文件,不过可以复制panel来快速应用,省去很多配置工作,这个在后面的部署环节会仔细讲解。

因此,需要的文件是一个插件压缩包和一个css文件压缩包  -------grafana_theme.park-main.zip   yesoreyeram-boomtheme-panel-0.2.1.zip

下载地址是:

链接:https://pan.baidu.com/s/1H1Kkcjhu3sJsdPQjUez9WQ?pwd=kkey 
提取码:kkey 

 

三,

插件部署

yesoreyeram-boomtheme-panel-0.2.1.zip 这个文件下载地址是:https://github.com/yesoreyeram/yesoreyeram-boomtheme-panel/releases

This grafana plugin is tested with the following grafana versions, But other versions are also expected to work.(这个插件通过以下版本的测试,不过9.4也可以使用)

  • Grafana version 8.x

  • Grafana version 7.x

  • Grafana version 6.x

通常下载zip压缩包,下载好后,上传到grafana的插件目录,并解压,解压完毕后重启grafana服务即可

现在有一个问题,grafana的插件目录在哪里呢?

如果是rpm包安装的形式,那么,通常就是/var/lib/grafana/plugins 这个目录了,这个目录下放置插件即可,grafana会自动识别

[root@node4 ~]# cat /etc/grafana/grafana.ini |grep plugins
# Directory where grafana will automatically scan and look for plugins
;plugins = /var/lib/grafana/plugins
# for new versions of plugins. The check is used
# Controls if old angular plugins are supported or not. This will be disabled by default in future release
# Metrics available at HTTP URL /metrics and /metrics/plugins/:pluginId
[plugins]
# Enter a comma-separated list of plugin identifiers to identify plugins to load even if they are unsigned. Plugins with modified signatures are never loaded.
;allow_loading_unsigned_plugins =

解压文件完毕后,重启grafana服务,打开web界面,看到界面如下即可:

 

 

四,

css文件的获取和部署

https://codeload.github.com/charles1503/grafana-theme/zip/refs/heads/master

https://codeload.github.com/PettterWang/grafana_theme.park/zip/refs/heads/main

下载完毕后,压缩包内文件大概如下:

park的样式更多一点,将以上css文件上传到grafana的css目录,这个目录需要先建立出来:

mkdir /usr/share/grafana/public/css/

 将css文件移动到该目录下:

[root@node4 ~]# cd /usr/share/grafana/public/css/
[root@node4 css]# unzip grafana_theme.park-main.zip
[root@node4 css]# unzip grafana-theme-master.zip
[root@node4 css]# mv grafana_theme.park-main/*.css ./
[root@node4 css]# mv grafana-theme-master/CSS/themes/grafana/*.css ./

五,

css文件的使用

css的文件主要是在web界面配置,在配置之前需要确认一下是否能够通过网址正确访问css文件,打开浏览器,输入如下网址http://192.168.123.14:3000/public/css/hotline.css

OK,热线这个css是可以通过URL访问的,那么,其它的css必然也可以啦,回到grafana,随便新建一个dashboard:

 

最下面是背景色,随便设置,看喜欢哪个,我喜欢绿色,css的URL 就是上面提到的那个网址,基础主题选择亮色,然后OK即可

复制此面板 

 然后打开要使用热线主题的仪表盘,在仪表盘的右上方点击添加面板,就可以看到粘贴面板了,点击粘贴:

 在点击上上个图的edit那里,编辑一个新的标题,例如,热线面板主题:

最终效果如下:

 

那么,此时还需要设置该主题是否为默认主题,这个也比较简单,最下面把主题名称写进去,然后右上角保存即可,最后在保存dashboard:

http://www.yayakq.cn/news/122974/

相关文章:

  • 哪些网站可以做淘宝店招东莞凤岗镇
  • 响应式网站后台互联网营销专业
  • 企业网站建设人员分析校史馆展馆展厅设计
  • 本地服务类网站成本wordpress页面改风格
  • 个人网站被黑了中国电信黄页官网
  • 毕设 网站开发学做网站论坛vip共享
  • 网站网页的书签怎么做建站模板与网站案例展示
  • seo网站优化工具上虞区住房和城乡建设部网站
  • 成都网站工作室箱包东莞网站建设
  • js网站开发视频虎头图片在线制作
  • 做电影网站的流程时尚女装网站模版
  • 初中生可做兼职的网站谷歌seo一个月费用需要2万吗
  • 网站的构建一般要多久天柱县住房和城乡建设部网站
  • 海外百度云网站建设杭州营销型网站制作
  • 网站备案他可以经营吗网站运营与建设
  • wordpress站点是什么意思深圳中装建设集团网站
  • 礼品网站建设公司邯郸市住建局官网
  • 做外贸都有哪些好网站四川省建设厅官网站
  • 上海模板网站建设wordpress 代码臃肿
  • 外贸网站建设怎么制作做百度推广一定要有网站吗
  • 做百度个人网站北京 网站备案
  • 公司网站是否必须做可信认证买了服务器不翻墙就用来 做网站
  • 国外最好的设计网站网件路由器管理地址
  • 网站的关于页面建设网站的五个步骤
  • 网站建设平台合同wordpress 图片描述
  • 上海免费网站建设模板网页设计培训好吗
  • 自己怎么建设收费电影网站海淀网站建设枣庄
  • 有趣的网站网址之家手机网站模板图片
  • 百度做网站联系电话石狮网站建设价格
  • 北京学设计去哪个网站企业门户网站是什么意思