Kibana 8.15版本Logo替换/隐藏及文本自定义问题求助

一、替换Kibana主界面Logo与文本 #

1. 替换Logo文件 #

Kibana 8.x的Logo资源存放在安装目录的src/core/public/assets/logo下，包含不同尺寸的SVG/PNG文件（如logo.svg、logo-small.svg）：

• 将自定义Logo文件重命名为对应文件名，替换原文件
• 重启Kibana服务，新Logo会自动加载

2. 修改界面文本（如登录页"Kibana"标题） #

8.x版本的文本通过本地化文件管理，需修改打包后的语言资源：

1. 进入Kibana安装目录的optimize/bundles/i18n文件夹
2. 找到对应语言的JSON文件（如en.json对应英文、zh-CN.json对应中文）
3. 搜索"Kibana"或目标文本（如登录页的"Welcome to Kibana"），替换为自定义内容
4. 重启Kibana生效

二、处理Iframe中的Elasticsearch Logo及自定义加载消息 #

1. 隐藏/替换Elasticsearch Logo #

通过自定义CSS覆盖默认样式，步骤如下：

1. 打开Kibana的Advanced Settings（管理 > 高级设置）
2. 找到customCSS选项，添加以下代码（需替换为实际类名，用浏览器F12开发者工具定位）：

/* 隐藏Elasticsearch Logo */
.elasticsearch-logo-target {
  display: none !important;
}

/* 替换为自定义Logo */
.elasticsearch-logo-target {
  background-image: url('/app/custom/assets/your-logo.svg') !important;
  background-size: contain;
  width: 120px;
  height: 30px;
}

2. 自定义加载消息 #

Kibana的加载提示文本在本地化文件中修改：

1. 进入optimize/bundles/i18n文件夹，打开对应语言的JSON文件
2. 搜索加载相关关键词，如"Loading Kibana"、"Connecting to Elasticsearch"
3. 替换为自定义消息，例如"正在加载自定义平台..."
4. 重启Kibana后，加载时会显示新文本

三、为什么7.x的template.js修改在8.15失效？ #

Kibana 8.x重构了前端架构，采用Webpack打包模块化React组件，原7.x版本的template.js已被整合到打包后的optimize/bundles资源中，直接修改原始template.js不会影响运行时加载的内容，因此失效。

内容的提问来源于stack exchange，提问作者Aashish Khandelwal