Pix Child
Pix已经很多年没有更新过了,目前已经几乎处于停更的状态,既然又要从新食用,那么就决定自己动手优化一下~这次的 Pix Child,就是围绕“不动父主题源码”做的一套增强,重点放在视觉细节、图源替换、菜单图标扩展和后台可配置能力上。
为什么做这个子主题?
父主题本身已经很好用,但碍于自己又喜欢去折腾,主要:
- 想新增主题风格并细调夜间表现;
- 想做图片云端同步和图源策略切换;
想做前台/后台体验细节优化(图标动画、状态角标等);- 想增加菜单 SVG 图标能力,而不破坏原菜单逻辑;
- 想长期维护,避免每次父主题升级都重复改代码。
子主题新增特性总览
1.新主题与专属夜间模式
- 新增新的视觉方案;
- 在新的风格下,夜间模式使用专属覆盖样式,而不是直接复用原夜间配色;
- 保留父主题其他风格的原有行为,不互相污染。
2.Gravatar 头像源扩展
- 在原有头像源基础上,新增了
cravatar.com选项; - 子主题接管头像 URL 替换过滤器,兼容原有
geekzu / loli / cravatar; - 保证父主题原逻辑可延续,同时支持新源。
3.新增“美化功能”
已在设置侧新增可开关的美化项:
- 通知铃铛:顶部通知铃铛轻微左右摆动,动画节奏克制,不突兀。
4.新增“图源替换”
这是本次增强里最重的一块,已经整合进子主题设置体系:
- 启用/关闭图源替换;
- Superbed Token 与 categories 配置;
- 前台资源策略:本地优先 / 云端优先;
- 上传自动同步云端;
- 上传自动转 WebP(可调质量);
- 云端失效自动回退本地;
- 批量同步工具(检测未同步、开始同步、日志);
- 同步速率控制;
- 失败重试次数可配置;
- 实时进度条(百分比 + 成功/失败统计)。
同步状态可视化
- 前台发文时,媒体库预览中“已同步云端”的图片会打角标;
- 角标采用右下角蓝色圆点,修复了之前错位问题;
- 在不同预览容器下做了适配,不只单一路径生效。
目前图源替换针对图片(image/*)。视频仍按本地策略,这属于当前设计范围内的正常行为。
5.首页交互细节优化
- 首页卡片区域的点赞/分享图标做了放大与热区增强:
- 图标更清晰;
- 数字更易读;
- 点击区域更友好。
6.菜单图标支持 SVG 代码
在菜单项设置里新增了 “菜单 SVG 代码”:
- 可以直接粘贴
<svg>...</svg>; - 后台编辑时实时预览;
- 前台菜单优先渲染 SVG(无 SVG 时继续使用原字体图标/图片逻辑);
- 增加了可用 SVG 白名单与保存清洗,兼顾安全与可用性。
持续更新
如果有新的点子我会持续完善它🥹

空空如也!