自定义Openstack图标

自定义Openstack 图标

在很多情况下,我们想把 Openstack 页面的图标替换成自己公司的 Logo,实现个性化定制。这个其实很简单,我们只需登陆到 Openstack 控制节点所在的服务器上,然后替换掉对应图片即可。然后,不同版本的Openstack 图片位置、格式都不尽相同。本文将一步步带领大家在Q版和M版环境上完成图片的替换,其余版本也大同小异,希望给大家带来帮助。

版本:
Q 版 Openstack
M 版 Openstack

文件位置

经过本人寻找,发现图片真实位置分别位于

  • /var/lib/openstack-dashboard/static/dashboard/img Q版
  • /usr/share/openstack-dashboard/static/dashboard/img M版

Q 版使用的是 SVG 格式的文件,M版使用的是 PNG 格式的文件
我们需要完成以下三个文件的替换

  1. logo-splash.svg/logo-splash.png
  2. logo.svg/logo.png
  3. favicon.ico
首页的图片叫 logo-splash.svg

备份源文件,替换为自己的文件,svg 格式是图片的一种,png 图片可以在该网站进行在线转换。

https://www.bejson.com/convert/image_to_svg/

这里写图片描述

认证以后,项目左上角的图片叫 logo.svg

这里写图片描述

替换 favicon.ico

这个也就是浏览器窗口的小图标

这里写图片描述

替换完成以后,记得清除浏览器缓存

chrome 浏览器清除缓存
快捷键,Ctrl+Shift+Delete

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值