【问题标题】:Is it possible to customize the skin on Zeppelin?Zeppelin 可以自定义皮肤吗?
【发布时间】:2015-12-23 19:54:26
【问题描述】:

Zeppelin 是否可以自定义皮肤?也就是说,把 Zeppelin 的 logo 换成别的东西?

【问题讨论】:

    标签: apache-zeppelin


    【解决方案1】:

    是的,很有可能。

    如您所知,Apache Zeppelin(孵化)是一个开源项目,因此只需:

    • github.com/apache/incubator-zeppelin克隆它
    • zeppelin-web子模块中进行修改

      它是一个标准的 Angular 网络应用程序,所以你可以改变任何东西

    • 构建它

    基本上就是这样。

    已知至少有 2 家公司成功地遵循了这些步骤。

    【讨论】:

      【解决方案2】:

      正如 bzz 的回答中已经提到的:可以自定义 zeppelin 的 UI。以下是更多细节:

      查看 zeppelin 源代码(例如来自 GitHub https://github.com/apache/zeppelin)。那么:

      • 要自定义首页(上面有“Welcome to Zeppelin”):编辑zeppelin-web/src/app/home/home.html

      • 要自定义导航栏(其中包含一个小的 zeppelin 徽标和单词 zeppelin):编辑 zeppelin-web/src/components/navbar/navbar.html

      • 自定义配色方案编辑zeppelin-web/src/app/home/home.css 对于导航栏颜色,您需要更改 navbar-inverse 的条目,但许多其他元素(例如解释器标题)使用相同的颜色。

      之后你需要重建zeppelin mvn clean install -DskipTests(注意你可能需要在浏览器中强制重新加载)。

      【讨论】:

        【解决方案3】:

        请参阅文档中的“如何将笔记本设置为主页”。 在笔记本中,你可以做任何你喜欢的格式,包括 html。

        【讨论】:

        • 我知道我们可以自定义笔记本。但我更感兴趣的是更改每个笔记本上出现的蓝色标题栏中的 Zeppelin 标志。
        猜你喜欢
        • 2014-10-13
        • 2011-08-17
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-05-02
        相关资源
        最近更新 更多