在Discuz! X3.5版本中,默认头像系统已升级为SVG矢量图形方案,常规替换方法需要进行以下调整:
1. **新文件路径变更**
需要替换的默认头像文件位于:
- /static/image/common/avatar_*.svg
- /static/image/common/noavatar.svg
复制代码
2. **多尺寸处理**
三个尺寸的头像现在由单个SVG文件通过CSS控制缩放,需同时修改:
- 大尺寸:/static/image/common/avatar_lg.svg
- 中尺寸:/static/image/common/avatar_md.svg
- 小尺寸:/static/image/common/avatar_sm.svg
3. **兼容处理步骤**
请按如下流程操作:
- # 备份原文件
- cp -r /static/image/common/avatar_*.svg /backup/
- # 上传新SVG文件(建议尺寸比例保持1:1)
- # 推荐使用Adobe Illustrator或Inkscape编辑矢量文件
- # 清理缓存
- rm -rf /data/cache/*
- rm -rf /template/compiled/*
复制代码
4. **附加配置项修改**
在config_ucenter.php中新增配置参数:
- $_config['avatar']['default'] = array(
- 'size' => array('big' => 200, 'middle' => 120, 'small' => 48),
- 'url' => 'static/image/common/noavatar.svg'
- );
复制代码
5. **浏览器缓存解决方案**
在更新文件后,建议在SVG文件URL后添加版本号参数:
- <img src="static/image/common/noavatar.svg?v=20230801">
复制代码
6. **移动端特殊处理**
若需单独适配移动端,需同时在:
- /static/image/mobile/noavatar.png
复制代码
放置对应的PNG格式头像(建议尺寸256x256)
**注意:** 修改后需在后台「工具」-「更新缓存」中执行「模板缓存」和「数据缓存」双重建操作。如果遇到CSS样式冲突问题,可在extra.css中添加:
- .avatar img {object-fit: cover !important;}
复制代码
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。 |