Metabase 替换 logo 教程

[dazdata]

前置条件

• 已经部署好 metabase 开发环境

具体步骤

1. 纵览，整体修改会修改以下文件
   

2. 修改 logo 组件，组件位置 frontend/src/metabase/components/LogoIcon.jsx，主要替换render 的 svg 即可，拿自己 logo 的 svg 替换掉现有的
   

3. 修改logo badge 组件，组件位置frontend/src/metabase/public/components/EmbedFrame/LogoBadge.tsx，它主要用在分享页面的底部，这里我们只需要修改下跳转地址即可。像 Metabase 名称这些我们可以通过多语言配置
   

4. 修改语言包，所有语言包都在 locales 目录。这里我们主要修改 Metabase 关键字的翻译
   

5. 替换favicon.ico ,这些都是静态文件在 resource/frontend_client 目录。

6. 执行 ./bin/build 打包命令，重新打 jar 包。如果不确定改的是否有问题，可以单独先跑一下前端验证一下。因为打包耗时会相对比较长。