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的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！