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 白名单与保存清洗,兼顾安全与可用性。

持续更新

如果有新的点子我会持续完善它🥹

消息盒子
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息