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的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

当前文章：kibana7怎么修改标题和logo
网站路径：http://myzitong.com/article/jggjoi.html