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