Grafana更改title以及logo图标欢迎页面等

更改grafana9.4.7的主页欢迎页面标题
#可以用grep在grafana的public/build目录下查找具体是哪个js;
#也可以在已启动的grafana浏览器页面按F12,点击Source,在public/build里面找到对应的js
#可以使用Ctrl+F搜索Welcome to Grafana关键字;
grep "Welcome to Grafana" /grafana-9.4.7/public/build/*.js
#改成你希望的
sed -i 's/Welcome to Grafana/Welcome to xxxx/g' 8534.e67xxxx.js

不同版本js文件不同

可以访问grafana后在浏览器中按F12,查看Sources引用的文件查找到具体的js文件

Grafana更改title
/grafana/public/view/index.html
/grafana/public/view/index-template.html
#找到html中的<title>"[[.AppTitle]]"</title>
#替换中间的"[[.AppTitle]]"为想要的名称,注意要替换整个[[.AppTitle]],包括两个方括号,
#正确替换为:<title>"xxxxxx"</title>;
#如果是这样的话:<title>"[[xxxx]]"</title>,
#启动后会报错:function “xxxx” nod defined

#这里是将title写死固定;
#按照html引用的函数[[.AppTitle]]实际在以下目录ts文件中修改;但是我更改后并没有生效,也可能是我方法不对,欢迎指正;
/grafana/public/app/core/components/Branding/Branding.tsx
...
export class Branding{
  static LoginLogo = LoginLogo;
  static LoginBackground = LoginBackground;
  static MenuLogo = MenuLogo;
  static AppTitle = 'Grafana';
  static LoginTitle = 'Welcome to Grafana';
  static GetLoginSubTitle = ( ); null | string => {
    return null;
  };
}
更改logo以及网页图标(favorites icon)

在/grafana/public/img/目录下找到grafana_icon.svg(登录页logo图标)和fav32.png(网页图标)进行替换

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值