如何将所有 Kibana 徽标更改为其他徽标？

Question

如何将所有 Kibana 徽标更改为其他徽标？

\n

我尝试了下面的链接方法和其他方法，但它们不起作用。

\n

https://discuss.elastic.co/t/replace-the-kibana-logo/27547

\n

我的目标

\n

I circled what I was trying to change in Kibana.

\n

\n\n

\n

@Miokael Amidi 更新帖子（加载徽标和文本）

\n

\n

const logo = _react.default.createElement("svg", {\xe2\x80\xa6  \n

\n

\n

找不到代码。

\n

\n

Result:\nconst logo = _react.default.createElement("img", {src:\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqkAAAK \xe2\x80\xa6 5CYII=\',width:\'100px\'});\n

\n

-> 另外，我不知道如何编写代码。

\n

-> 我可以按原样复制并粘贴它吗？

\n

另外，我看不到它。（导航栏徽标） \n\n找到字符串并替换为自己的 Base64 或 SVG 图像\n"EuiHeaderLogo"],{"data-test-subj":"logo\xe2\x80\x9d,iconType:"logoElastic"

\n

Result:\nEuiHeaderLogo"],{"data-test-subj":"logo\xe2\x80\x9d, iconType:"data:image/png;base64,iVBORw0\n\xe2\x80\xa6 SUVORK5CYII="\n

\n

->请帮助我..

\n

Answer 1

这很简单，只需按照您需要的每种情况执行步骤即可

\n

\n
• 网站图标
\n

\n

\r\n

\r\n

Go to the folder where the favicons are to see the sizes of each favicon that Kibana serves.\n/usr/share/kibana/src/core/server/core_app/assets/favicons/\n\nTake your personal logo and create a version that matches the size of each of the files within the Kibana favicons folder.\n\nReplace each file with the custom logo. Keep the original names of the files to be replaced.

\r\n

\r\n

\r\n

\n

\n
• 浏览器选项卡和标题
\n

\n

\r\n

\r\n

Open file\n$ sudo nano /usr/share/kibana/src/core/server/rendering/views/template.js\n\nLook for the code line that generates the title "Elastic" and change that to your custom text\n/*#__PURE__*/_react.default.createElement("title", null, "Elastic"),\n\nResult:\n/*#__PURE__*/_react.default.createElement("title", null, "Custom_Text"),

\r\n

\r\n

\r\n

\n

\n
• 加载徽标和文本
\n

\n

\r\n

\r\n

Open file\n$ sudo nano /usr/share/kibana/src/core/server/rendering/views/template.js\n\nLook for code string:\nconst logo = _react.default.createElement("svg", {\xe2\x80\xa6\n\nReplace this with a base64 or SVG version of your custom logo. I used a base64 image.\n\nResult:\nconst logo = _react.default.createElement("img", {src:\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqkAAAK \xe2\x80\xa6 5CYII=\',width:\'100px\'});\n\nLocate code block and replace message\n\n}, i18n(\'core.ui.welcomeMessage\', {\ndefaultMessage: \'Loading Elastic\'\n\nResult:\n}, i18n(\'core.ui.welcomeMessage\', {\ndefaultMessage: \'Loading custom_text\'

\r\n

\r\n

\r\n

\n

\n
• 登录徽标和文字
\n

\n

\r\n

\r\n

Open file\n$ sudo nano /usr/share/kibana/x-pack/plugins/security/target/public/4.plugin.js\n\nSearch for the welcome text and replace it with your own\n{id:"xpack.security.loginPage.welcomeTitle",defaultMessage:"Welcome to Elastic"}\n\nResult:\n{id:"xpack.security.loginPage.welcomeTitle",defaultMessage:"Welcome to custom_text"}\n\nSearch for the Login logo image and replace it with your own\nclassName:"loginWelcome__logo"}, \xe2\x80\xa6 {type:"logoElastic",size:"xxl"}

\r\n

\r\n

\r\n

\n

\n
• 导航栏标志
\n

\n

\r\n

\r\n

Open file\n$ sudo nano /usr/share/kibana/src/core/target/public/core.entry.js\n\nLocate string and replace with own base64 or SVG image\n"EuiHeaderLogo"],{"data-test-subj":"logo\xe2\x80\x9d,iconType:"logoElastic"\n\nResult:\nEuiHeaderLogo"],{"data-test-subj":"logo\xe2\x80\x9d, iconType:"data:image/png;base64,iVBORw0\n\xe2\x80\xa6 SUVORK5CYII="\n\nSave changes to JavaScript file and generate the compressed files. Then restart Kibana.\n$ npx gzip-cli /usr/share/kibana/src/core/target/public/core.entry.js -e=gz -e=br\n\n$ sudo systemctl restart kibana

\r\n

\r\n

\r\n

\n