如何更改kibana的UI

Question

我正在使用 kibana 4.5.1。我在 kibana 中可视化我的数据。这是很不错的。现在我们想要自定义 kibana UI，例如用我们公司的徽标替换 kibana 徽标并禁用 kibana 的某些功能等等......还想添加更多按钮...

Answer 1

This link 讨论如何去做。重要的是要记住，在您替换徽标文件后，您需要使用新徽标将 kibana "rebundle" 替换为新徽标，这需要一些重要的事情，例如重新启动服务或安装插件，例如：

/kibana plugin --install elastic/sense

Answer 2

贵公司的标志应该是 width:252px heigh:45px.

请将图片复制到以下文件夹

/opt/kibana/optimize/bundles/src/ui/public/images/logo.png

在以下文件中将 kibana.svg 更改为 logo.png。

/opt/kibana/optimize/bundles/kibana.bundle.js module.exports = webpack_require.p + "src/ui/public/images/kibana.svg"

到

module.exports = webpack_require.p + "src/ui/public/images/logo.png"

/opt/kibana/optimize/bundles/webpack.记录："node_modules/file-loader/index.js?name=[path][name].[ext]!src/ui/public/images/kibana.svg":

到

"node_modules/file-loader/index.js?name=[path][name].[ext]!src/ui/public/images/logo.png":

/opt/kibana/src/plugins/kibana/public/kibana.js:14:const kibanaLogoUrl = require('ui/images/kibana.svg');

到

/opt/kibana/src/plugins/kibana/public/kibana.js:14:const kibanaLogoUrl = require('ui/images/logo.png');

How to change UI of kibana