kibana7怎么修改标题和logo

kibana7怎么修改标题和logo，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

kibana 修改标题，

在 ：kibana70/kibana/src/legacy/ui/ui_render/views/chrome.pug

第9行 修改 title 你好

kibana 欢迎logo

kibana70/kibana/src/legacy/ui/ui_render/views/ui_app.pug

第76 行 （通过查找kibanaWelcomeLogo） 77 background-image: url("图片.svg");

左上角logo

src/legacy/ui/public/chrome/directives/header_global_nav/components/header.tsx

177行 iconType="logoKibana11111"

logo 文件夹：src/legacy/ui/public/icons ,需要编译

折中方案，不用svg打包，

修改下面两个文件

/node_modules/@elastic/eui/dist/eui_theme_light.css
/node_modules/@elastic/eui/dist/eui_theme_dark.css

找到：euiHeaderLogo__Icon 样式，修改 opacity 为0

找到：euiHeaderLogo 样式，添加background-image 、 background-repeat

删除 ：euiHeaderLogo:focus 样式 background: #232635

地址栏Logo

kibana/src/legacy/ui/public/assets/favicons下

修改登录界面的标题

node_modules/x-pack/plugins/translations/translations/zh-CN.json

kbn.dashboard.dashboardAppBreadcrumbsTitle

kbn.discover.discoverBreadcrumbTitle

kbn.discoverTitle

修改登录界面的logo

kibana/built_assets/css/plugins/security/index.light.css

找到 .loginWelcome__logo

添加

background-image:url(images/kibana.png);
background-repeat:no;

图片放到：built_assets/css/plugins/security/images/

找到 loginWelcome__logo .euiIcon

添加

opacity:0;

去掉登录界面的背景图片

找到

loginWelcome::before、loginWelcome::after

删除background-image

看完上述内容，你们掌握kibana7怎么修改标题和logo的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注行业资讯频道，感谢各位的阅读！