功能说明

适用模块

控制台

具体说明

修改控制台的logo以及文字
格式要求:高度不超过40px,宽度不超过160px,透明背景,可以适配黑色背景,最好是svg格式

INFO-如何修改控制台logo及文字 - 图1

使用示例

lts650之后操作方法:

1.打开easyops

2.找到easywebmaster服务
INFO-如何修改控制台logo及文字 - 图2

3.配置中找到logo的参数配置
INFO-如何修改控制台logo及文字 - 图3
INFO-如何修改控制台logo及文字 - 图4
4.使用Base64工具将图片转换为Base64格式(推荐地址:https://www.jyshare.com/front-end/59/ ),填入logo参数配置中(注意避免换行)

需根据文件类型在base64编码前一定要包含对应前缀
png: data:image/png;base64,
jpg: data:image/jpeg;base64,
svg: data:image/svg+xml;base64, (svg如果在logo位置没有占位,可使用文本编辑器打开svg图片手工指定svg固定宽高 <svg width="160" height="40" .....)

INFO-如何修改控制台logo及文字 - 图5
5.更新当前配置组并全部组件应用该版本
INFO-如何修改控制台logo及文字 - 图6
6.同步配置并重启服务即可
INFO-如何修改控制台logo及文字 - 图7

lts650之前版本操作方法:

猛犸平台logo替换操作

图片要求 png格式,高度不超过40px,宽度不超过160px,透明背景,可以适配黑色背景。替换区域如图示:

INFO-如何修改控制台logo及文字 - 图8

替换操作

  • 已经支持EasyOps配置的子产品的更换logo是一次性操作,无需每次升级后修改;
  • 离线开发(老猛犸平台)的配置化开发支持已排期。当前版本需要每次升级后运维操作修改。

EasyOps:

  1. 图片编码:使用Base64工具将图片转换为Base64格式,比如:base64图片在线转换工具 - 站长工具。
  2. 选择对应子产品的frontend子组件
    INFO-如何修改控制台logo及文字 - 图9
  3. 修改frontend组件的配置
    INFO-如何修改控制台logo及文字 - 图10
  4. 在frontend配置中,选择“显示高级项”,将序列化的logo图标字符串填入并应用。
    INFO-如何修改控制台logo及文字 - 图11
  5. 重启并同步配置frontend子组件使配置生效。

INFO-如何修改控制台logo及文字 - 图12

离线开发替换logo流程 (重新部署,需重新执行本文流程)

  1. 通过 EasyOps 查找 Mammut 组件服务的部署位置,此文档内使用 MAMMUT_ROOT 替代具体的路径
  2. 编辑 MAMMUT_ROOT/WEB_INF/index.html 文件,查找第一个 data:image ,结果类似于:
    INFO-如何修改控制台logo及文字 - 图13
  3. 将引号内所有文本替换为(这里的替换文本是XX的 logo base64 之后的结果,其他项目需要通过其图片生成相应的 base64 字符串,比如可通过 图片转 base64 在线工具 得到):
    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMzEuNzYiIHZpZXdCb3g9IjAgMCAxMjAgMzEuNzYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTUyLjEyKSI+PHBhdGggZD0iTTYuMzUsNTIuMTNBNi4zNDQsNi4zNDQsMCwwLDAsMCw1OC40N1Y3Ny41MmE2LjM1Myw2LjM1MywwLDAsMCw2LjM1LDYuMzVIMjUuNGE2LjM1Myw2LjM1MywwLDAsMCw2LjM1LTYuMzVWNTguNDdhNi4zNTMsNi4zNTMsMCwwLDAtNi4zNS02LjM1QzI1LjQsNTIuMTMsNi4zNSw1Mi4xMyw2LjM1LDUyLjEzWiIgZmlsbD0iIzFkOWFmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZD0iTTE5LDU5Ljg2YTMuNjg5LDMuNjg5LDAsMCwxLDMuNTUsMi42NXYuMDJjLjAxLjAxLjAxLjA0LjAxLjA0di4wMmEzLjk3NSwzLjk3NSwwLDAsMSwuMTMuOTcsMy43MDksMy43MDksMCwwLDEtLjk1LDIuNDhsLS4wMi4wMmEzMC40MTEsMzAuNDExLDAsMCwxLTMuMjMsMy4wOWMtLjQ3LjM5LS45NC43Ni0xLjQyLDEuMTEtLjM1LjI2LS43MS41Mi0xLjA4Ljc2aDBsLS4wMS4wMS0uMDEuMDFhLjMwOS4zMDksMCwwLDEtLjA4LjAyLjE4OC4xODgsMCwwLDEtLjA4LS4wMmwtLjAxLS4wMS0uMDEtLjAxaDBjLS4zNy0uMjUtLjczLS41LTEuMDgtLjc2LS40Ny0uMzUtLjk1LS43Mi0xLjQyLTEuMTFhMzMuNjMyLDMzLjYzMiwwLDAsMS0zLjIzLTMuMDl2LS4wMWwtLjAxLS4wMmEzLjcwOSwzLjcwOSwwLDAsMS0uOTUtMi40OCwzLjQ5MywzLjQ5MywwLDAsMSwuMTMtLjk3di0uMDJhLjQzMy40MzMsMCwwLDAsLjAxLS4wNXYtLjAyYTMuNjg5LDMuNjg5LDAsMCwxLDMuNTUtMi42NSwzLjcyOCwzLjcyOCwwLDAsMSwyLjQ4Ljk1bC42NC41OC42NC0uNThBMy42NTcsMy42NTcsMCwwLDEsMTksNTkuODZtMC0uOTVhNC42MjMsNC42MjMsMCwwLDAtMy4xMSwxLjE5LDQuNjYsNC42NiwwLDAsMC03LjU4LDIuMTVsLS4wMy4wOWE0LjU2MSw0LjU2MSwwLDAsMC0uMTYsMS4yMyw0LjYwOSw0LjYwOSwwLDAsMCwxLjIsMy4xMmwuMDEuMDFhMzIuMzYzLDMyLjM2MywwLDAsMCwzLjMzLDMuMTljLjQ3LjQuOTcuNzgsMS40NiwxLjE0LjM3LjI3LjczLjUzLDEuMTIuNzguMDEuMDEuMDMuMDIuMDQuMDNhMS4xNDksMS4xNDksMCwwLDAsLjYxLjE4LDEuMDY3LDEuMDY3LDAsMCwwLC42MS0uMThjLjAxLS4wMS4wMy0uMDIuMDQtLjAzLjM3LS4yNS43NS0uNTIsMS4xMi0uNzguNS0uMzcuOTktLjc1LDEuNDYtMS4xNGEzMS4zNzYsMzEuMzc2LDAsMCwwLDMuMzMtMy4xOWwuMDEtLjAxYTQuNjI3LDQuNjI3LDAsMCwwLDEuMi0zLjEyLDUsNSwwLDAsMC0uMTYtMS4yMy4zMTguMzE4LDAsMCwwLS4wMy0uMDlBNC42NzcsNC42NzcsMCwwLDAsMTksNTguOTFaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5LDYwLjg3aC0uMjZsLS4wNC4wMWgtLjA3bC0uMDQuMDFoLS4wMmEuMi4yLDAsMCwxLS4wNS4wMUgxOC41bC0uMTMuMDNoLS4wMWwtLjAzLjAxLS4wNC4wMS0uMDUuMDEtLjA4LjAyaC0uMDFsLS4wNC4wMS0uMDQuMDFoLS4wMmMtLjAyLjAxLS4wNC4wMS0uMDYuMDJhLjAzNy4wMzcsMCwwLDEtLjAzLjAxLjA2LjA2LDAsMCwxLS4wNC4wMWMtLjAxLDAtLjAxLjAxLS4wMi4wMXMtLjAzLjAxLS4wNS4wMi0uMDIuMDEtLjA0LjAxbC0uMDEuMDEtLjA1LjAyLS4wMS4wMWEuMDEuMDEsMCwwLDAtLjAxLjAxbC0uMDYuMDNjLS4xMy4wNy0uMjYuMTUtLjM5LjIzYS4wMS4wMSwwLDAsMC0uMDEuMDEsMS43LDEuNywwLDAsMC0uMTQuMWMtLjA1LjA0LS4xMS4wOC0uMTYuMTJhMi45MTUsMi45MTUsMCwwLDAtLjMyLjI4aDBjLS4wNS4wNS0uMTEuMS0uMTYuMTZhNC41MjEsNC41MjEsMCwwLDAtLjY1Ljg2LDQuNTIxLDQuNTIxLDAsMCwwLS42NS0uODZjLS4wNS0uMDUtLjEtLjExLS4xNi0uMTZoMGE0LDQsMCwwLDAtLjMyLS4yOGMtLjA1LS4wNC0uMS0uMDgtLjE2LS4xMnMtLjA5LS4wNi0uMTQtLjFhLjAxLjAxLDAsMCwxLS4wMS0uMDFjLS4xMy0uMDgtLjI1LS4xNi0uMzktLjIzbC0uMDYtLjAzYS4wMS4wMSwwLDAsMS0uMDEtLjAxbC0uMDEtLjAxLS4wMy0uMDEtLjAxLS4wMWMtLjAxLS4wMS0uMDItLjAxLS4wNC0uMDFzLS4wMy0uMDEtLjA1LS4wMi0uMDEtLjAxLS4wMi0uMDFhLjA2LjA2LDAsMCwwLS4wNC0uMDEuMDM3LjAzNywwLDAsMC0uMDMtLjAxYy0uMDItLjAxLS4wNC0uMDEtLjA2LS4wMmEuMDEuMDEsMCwwLDEtLjAxLS4wMWMtLjAxLS4wMS0uMDItLjAxLS4wNC0uMDFhLjA2LjA2LDAsMCwwLS4wNC0uMDFoLS4wMWMtLjAyLS4wMS0uMDUtLjAxLS4wOC0uMDJhLjA3NS4wNzUsMCwwLDAtLjA1LS4wMWMtLjAxLDAtLjAzLS4wMS0uMDQtLjAxcy0uMDEtLjAxLS4wMy0uMDFoLS4wMWMtLjA0LS4wMS0uMDgtLjAyLS4xMy0uMDNoLS4wMmEuMTM0LjEzNCwwLDAsMC0uMDUtLjAxaC0uMDJsLS4wNC0uMDFoLS4wN2wtLjA0LS4wMWgtLjI2YTIuNywyLjcsMCwwLDAtMi43LDIuNywyLjczMiwyLjczMiwwLDAsMCwuNjEsMS43MmMuMDMuMDMuMDUuMDYuMDguMDlsLjAxLjAxYTI4LjU3NiwyOC41NzYsMCwwLDAsMi44NSwyLjc2Yy4zNS4zLjcxLjU5LDEuMDcuODcuMzQuMjYuNjguNTIsMS4wNC43Ny4wNi4wNC4xMS4wOC4xNi4xMS4wNi0uMDQuMTEtLjA4LjE2LS4xMS4zNS0uMjUuNy0uNTEsMS4wNC0uNzcuMzYtLjI4LjcyLS41NywxLjA3LS44N2EyOS43LDI5LjcsMCwwLDAsMi44NS0yLjc2bC4wMS0uMDFhLjY0Ny42NDcsMCwwLDAsLjA4LS4wOSwyLjczMiwyLjczMiwwLDAsMCwuNjEtMS43MkEyLjYzNCwyLjYzNCwwLDAsMCwxOSw2MC44N1oiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjEuNDEsODMuNzhhMS4wNTksMS4wNTksMCwwLDEtLjEyLjFIMTguNjdsLjI1LS4yNS44My0uODMuMTYtLjE2LjEzLS4xMy4wMS0uMDEuMDUtLjA1LjAxLS4wMWEuOTM1LjkzNSwwLDAsMSwuNzMtLjIzLjkyLjkyLDAsMCwxLC41My4yNGwuMDMuMDNjLjAxLjAxLjAzLjA0LjA1LjA1YS45LjksMCwwLDEsLjIyLjUxQS44NzguODc4LDAsMCwxLDIxLjQxLDgzLjc4WiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNS4yNSw3Ny45NGwtMS4zMiwxLjMyLS43MS0uNzEtMS4yMS0xLjIxYS45MjQuOTI0LDAsMCwxLDAtMS4zMi44ODkuODg5LDAsMCwxLC41My0uMjYsMS4xMywxLjEzLDAsMCwxLC4yNiwwLC45NS45NSwwLDAsMSwuNTMuMjZaIiBmaWxsPSIjZmZmIi8+PGxpbmUgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuOTMgODMuMjYpIiBmaWxsPSJub25lIi8+PGxpbmUgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguNjQgNzguNTYpIiBmaWxsPSJub25lIi8+PGxpbmUgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkuMjUgODEuOTQpIiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTIzLjY1LDgzLjExYTIuOTY2LDIuOTY2LDAsMCwxLS4wMy40MiwyLjA1NCwyLjA1NCwwLDAsMS0uMDcuMzRIMjIuNDlhLjA2LjA2LDAsMCwwLC4wMS0uMDQsMS45MzIsMS45MzIsMCwwLDAsLjAyLTEuNCwxLjY3MSwxLjY3MSwwLDAsMC0uMzktLjYxbC0uMDQtLjA0YTEuODM1LDEuODM1LDAsMCwwLS42Ni0uNDNjLS4wNi0uMDItLjExLS4wNC0uMTctLjA2bC4wNi0uMDZoMGExLjg1NywxLjg1NywwLDAsMCwuNDgtLjgyLDEuODc2LDEuODc2LDAsMCwwLS40NC0xLjgxbC0uMDQtLjA0YTEuOTY5LDEuOTY5LDAsMCwwLS44My0uNDlsLjA1LS4wNWExLjk2OSwxLjk2OSwwLDAsMCwuNDktLjgzLDEuODgxLDEuODgxLDAsMCwwLS4xNy0xLjQzLDIuMDcsMi4wNywwLDAsMC0uMzEtLjQyLDEuOSwxLjksMCwwLDAtMi42OCwwbC0uNDIuNDItLjc5LjgtLjM0LjM0LS4zNy4zNy0uMzctLjM3LS4zNC0uMzQtLjgtLjgtLjQyLS40MmExLjksMS45LDAsMCwwLTIuNjgsMCwxLjc1MiwxLjc1MiwwLDAsMC0uMzEuNDIsMS45LDEuOSwwLDAsMCwuMzEsMi4yNmwxLjU1LDEuNTUuMzcuMzctLjcxLjcxLS41LjQ5LTEuNTMsMS41My0uMDEuMDEtLjAxLjAxLS4wMS4wMS0uMDIuMDJhMS45LDEuOSwwLDAsMC0uNTIsMS4xNGgtMWEyLjk0NywyLjk0NywwLDAsMSwuODQtMS44OWwyLjA1LTIuMDUtMS4yMS0xLjIxYTIuODgxLDIuODgxLDAsMCwxLS43LTIuOTcsMy40MywzLjQzLDAsMCwxLC4zMi0uNjcsMy4xNiwzLjE2LDAsMCwxLC4zNy0uNDUsMi40LDIuNCwwLDAsMSwuNDctLjM3LDIuODc1LDIuODc1LDAsMCwxLDIuMDEtLjQ0LDIuNzUyLDIuNzUyLDAsMCwxLDEuMTUuNDQsNC4wMTMsNC4wMTMsMCwwLDEsLjQ3LjM3bDEuMjEsMS4yMS4wOC0uMDgsMS4xMi0xLjEyYTIuNCwyLjQsMCwwLDEsLjQ3LS4zNywyLjkzMSwyLjkzMSwwLDAsMSwzLjE3LDAsNC4wMTMsNC4wMTMsMCwwLDEsLjQ3LjM3LDIuNzgsMi43OCwwLDAsMSwuNDEuNTEsMi44NCwyLjg0LDAsMCwxLC4yOS42MSwyLjkzMSwyLjkzMSwwLDAsMS0uMDQsMS45NiwxLjU5NCwxLjU5NCwwLDAsMSwuMTMuMTMsMi44ODgsMi44ODgsMCwwLDEsLjY1LDMuMDksMS41MzgsMS41MzgsMCwwLDAsLjEzLjEyQTMuMDM4LDMuMDM4LDAsMCwxLDIzLjY1LDgzLjExWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xOC42OSw3OC41MWwtLjA0LjA0aDBsLjA0LS4wNFoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTkuMzEsNzkuMjRaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTIwLjg1LDgwLjIyYS44NDIuODQyLDAsMCwxLS4yMS4zM2gwbC0uNzEuNzEtLjQ2LjQ2LS4wMS4wMS0uMDQuMDQtLjAyLjAyLS4xNC4xNC0uNTYuNTYtLjc2Ljc2LS4wNi4wNi0uNTUuNTVoLTYuNGEuODkuODksMCwwLDEsLjI1LS40OWwuMDEtLjAxLDEuMTYtMS4xNi43Ny0uNzcuMTEtLjExLjcxLS43MS42OC0uNjgsMS4zMi0xLjMyLjY4LS42OC43MS0uNzEuMDQtLjA0LDEuMTctMS4xN2EuODg5Ljg4OSwwLDAsMSwuNTMtLjI2LDEuMTMsMS4xMywwLDAsMSwuMjYsMCwuOTMuOTMsMCwwLDEsLjc1LDEuMjQuOTM4LjkzOCwwLDAsMS0uMjIuMzVsLTEuMTcsMS4xNy0uMDQuMDRoMGwtMS4zOCwxLjM4LS4xNi4xNmgwbC0xLjE1LDEuMTQtLjY2LjY2LS4wMS4wMWMtLjAxLjAxLS4wMS4wMS0uMDEuMDJhLjQ5MS40OTEsMCwwLDAsLjAxLjY2LjQ3MS40NzEsMCwwLDAsLjY2LjAxbC4wMS0uMDEuMDEtLjAxLjAxLS4wMSwzLjM4LTMuMzhoMGEuOTMzLjkzMywwLDAsMSwxLjI5LS4wMmwuMDMuMDNjLjAxLjAxLjAzLjA0LjA0LjA1QTEuMTE3LDEuMTE3LDAsMCwxLDIwLjg1LDgwLjIyWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik02Myw3OC4zN2gzLjE0VjU5LjE2YTEuNTMsMS41MywwLDAsMC0xLjUzLTEuNTNINjEuNDd2MTkuMkExLjUzOSwxLjUzOSwwLDAsMCw2Myw3OC4zN1oiIGZpbGw9IiMxZDlhZmYiLz48cGF0aCBkPSJNOTQuNjMsNzguMzdoMy4xNFY1OS4xNmExLjUzLDEuNTMsMCwwLDAtMS41My0xLjUzSDkzLjF2MTkuMkExLjU0NSwxLjU0NSwwLDAsMCw5NC42Myw3OC4zN1oiIGZpbGw9IiMxZDlhZmYiLz48cGF0aCBkPSJNNTMuODQsNjcuM2E2LjU2Niw2LjU2NiwwLDAsMCwyLjA1LTEuNzksNS4yNDksNS4yNDksMCwwLDAsMS4wMy0zLDQuMTgzLDQuMTgzLDAsMCwwLS44NS0yLjU1LDUuMjUsNS4yNSwwLDAsMC0yLjU0LTEuNzcsMjAuNTg5LDIwLjU4OSwwLDAsMC01LjktLjU2SDQwLjcyVjc4LjM2aDcuN2ExNC40ODcsMTQuNDg3LDAsMCwwLDUuNzYtLjgyLDYuNTU0LDYuNTU0LDAsMCwwLDIuNy0yLjIxLDUuMDgzLDUuMDgzLDAsMCwwLC45NS0yLjk2LDQuOTgxLDQuOTgxLDAsMCwwLTEuMzktMy40M0E2LjUsNi41LDAsMCwwLDUzLjg0LDY3LjNabS04LjQ3LTYuMzFoMy4wMmMxLjk0LDAsMi43OC4zMiwzLjE0LjU5YTEuNTkxLDEuNTkxLDAsMCwxLC43NCwxLjMyLDIuNjUxLDIuNjUxLDAsMCwxLS41NCwxLjU1LDMuNTA5LDMuNTA5LDAsMCwxLTEuNDMsMS4xNyw3LjI3Myw3LjI3MywwLDAsMS0yLjkxLjQySDQ1LjM3VjYwLjk5Wm02Ljg0LDEzLjI5Yy0uMzkuMzMtMS4zMS43My0zLjQ3LjczSDQ1LjM4VjY5LjM2aDEuMzdhMTEuNjg2LDExLjY4NiwwLDAsMSw0LC40OSw0LjIsNC4yLDAsMCwxLDEuNzcsMS4xOSwyLjM3NiwyLjM3NiwwLDAsMSwuNTYsMS41MUEyLjIxMiwyLjIxMiwwLDAsMSw1Mi4yMSw3NC4yOFoiIGZpbGw9IiMxZDlhZmYiLz48cGF0aCBkPSJNMTE1LjU3LDU3LjYzVjcwLjgxTDEwNS41Miw1Ny42M2gtNC4yNXYxOS4yYTEuNTMsMS41MywwLDAsMCwxLjUzLDEuNTNoMi45VjY1LjE2bDEwLjA4LDEzLjJIMTIwVjU5LjE2YTEuNTMsMS41MywwLDAsMC0xLjUzLTEuNTNaIiBmaWxsPSIjMWQ5YWZmIi8+PHBhdGggZD0iTTg5LjY5LDU3LjYzSDg0LjcybC00Ljk5LDYuNjhMNzUsNTcuNjNINjkuNzhsNy4yOCwxMC4yNC03Ljg3LDEwLjVoNC45N2w1LjMyLTcuMDksNS4wMyw3LjA5aDUuMjFMODIuMTYsNjcuNzFaIiBmaWxsPSIjMWQ5YWZmIi8+PC9nPjwvc3ZnPg==
  4. 保存退出文件即可。

作者:常惠渊