自定义网页端logo和标题
如果需要修改MT Photos 网页端的logo和标题,可以通过下面的方法来实现;
1、下载 custom.zip
下载自定义文件模板, https://cdn.mtmt.tech/custom.zip
docker服务端
在容器内的/config/
目录下新建custom
文件夹;
windows服务端
在缓存文件夹
下新建custom
文件夹;
Windows服务端 缓存文件夹在哪?
打开MT Photos服务端软件,在缓存文件夹,右侧点击 打开文件夹
2、将custom.zip内的文件放到custom文件夹中
custom文件夹内相关文件说明:
- customize.js - 修改标题及logo区域显示的文字
- favicon.ico - 分辨率 16x16 , 地址栏和标签标题前面的小图标
- favicon.png - 分辨率 192x192 , 书签栏等位置的图标
- logo.png - 分辨率 88x88 , 网页左上角显示的logo
- pwa.png - 分辨率 144x144
- pwa192.png - 分辨率 192x192
- pwa512.png - 分辨率 512x512, 以上3个pwa开头的png为,浏览器中点击安装应用后在桌面显示的图标
ico、png可以按推荐的分辨率替换为自定义的图片;
自定义标题和logo区域显示的文字
打开 customize.js文件,默认内容如下:
var MT_CUSTOMIZE_TITLE = "MT Photos"; //网页的默认标题
var MT_CUSTOMIZE_LOGO_URL = "/logo.png"; //logo图片地址
var MT_CUSTOMIZE_LOGO_WIDTH = 36; //logo图片的宽度,高度固定为36
var MT_CUSTOMIZE_LOGO_TEXT = "MT Photos";//logo区域显示的文字
举例:
如果想要修改 网页的默认标题 为 我的相册 ,logo区域显示的文字改为 我们一家
customize.js修改为下面的内容:
var MT_CUSTOMIZE_TITLE = "我的相册"; //网页的默认标题
var MT_CUSTOMIZE_LOGO_URL = "/logo.png"; //logo图片地址
var MT_CUSTOMIZE_LOGO_WIDTH = 36; //logo图片的宽度,高度固定为36
var MT_CUSTOMIZE_LOGO_TEXT = "我们一家";//logo区域显示的文字
3、重启服务端
为了让服务端更新内部的文件;
需要在修改好custom文件夹内的文件后,需要重启下docker容器,或者重复下Windows服务端;