自定义网页端logo和标题

如果需要修改MT Photos 网页端的logo和标题,可以通过下面的方法来实现;

1、下载 custom.zip

下载自定义文件模板, https://cdn.mtmt.tech/custom.zip

docker服务端

在容器内的/config/目录下新建custom文件夹;

docker-custom

windows服务端

缓存文件夹下新建custom文件夹;

Windows服务端 缓存文件夹在哪?

打开MT Photos服务端软件,在缓存文件夹,右侧点击 打开文件夹

windows-custom

2、将custom.zip内的文件放到custom文件夹中

custom文件夹内相关文件说明:

  1. customize.js - 修改标题及logo区域显示的文字
  2. favicon.ico - 分辨率 16x16 , 地址栏和标签标题前面的小图标
  3. favicon.png - 分辨率 192x192 , 书签栏等位置的图标
  4. logo.png - 分辨率 88x88 , 网页左上角显示的logo
  5. pwa.png - 分辨率 144x144
  6. pwa192.png - 分辨率 192x192
  7. pwa512.png - 分辨率 512x512, 以上3个pwa开头的png为,浏览器中点击安装应用后在桌面显示的图标

ico、png可以按推荐的分辨率替换为自定义的图片;

windows-custom

自定义标题和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服务端;

Copyright © 2025 杭州相册家科技有限公司 All Rights Reserved

隐私协议软件许可及服务协议

浙公网安备 33019202000625号浙ICP备2022014580号