• Register
    • Login
    • Categories
    • Popular
    • Metabase官网
    • 社区汉化版
    • 达之云

    Metabase 替换 logo 教程

    Metabase二次开发教程
    1
    1
    1454
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      dazdata last edited by dazdata

      前置条件

      • 已经部署好 metabase 开发环境

      具体步骤

      1. 纵览,整体修改会修改以下文件
        114ed2e0-9546-4123-9d6e-172fdabeee7f-image.png

      2. 修改 logo 组件,组件位置 frontend/src/metabase/components/LogoIcon.jsx,主要替换render 的 svg 即可,拿自己 logo 的 svg 替换掉现有的
        92688078-4637-42a0-85a0-a9bb27d212e7-image.png

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

      4. 修改语言包,所有语言包都在 locales 目录。这里我们主要修改 Metabase 关键字的翻译
        503c1623-53a0-45a1-9122-31d3f5e9cc6c-image.png

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

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

      1 Reply Last reply Reply Quote 0
      • First post
        Last post

      Powered by MetabaseCN | 提供专业Metabase培训 | QQ群:799286435 微信:MetabaseCN

      鄂ICP备20010758号