laoyang 3fcaf25c58 3.2.36 新增「自动头像」:按邮箱本地生成,14 套 CC0/MIT 风格可选 #5
为没有头像的访客按邮箱确定性地生成一张 SVG 头像,替代 Gravatar
那个灰底"神秘人"(cn.gravatar.com 在国内已超时,不勾加速时头像
干脆是空白)。全程纯 PHP,零外网请求、零落盘。

后台「主题设置」新增「自动头像」复选框 + 风格列表:勾上之后才
出现 14 套风格,点一下即时换 16 格预览,保存后全站生效。

实现要点(都是踩出来的):
- PRNG 必须与 DiceBear 9.x 逐位一致:xorshift + hashSeed 全程跑在
  JS 的 int32 语义里,PHP 64 位整数要逐步 i32() 归一;
  charCodeAt 按 UTF-16 码元取值,emoji 必须真做代理对拆分。
- pickComponent 有简繁两版:只有 glass/rings/shapes/thumbs 额外取
  三次整数(rotation/offsetX/offsetY)。给简版也补三次 ⇒ PRNG 多走
  3N 步 ⇒ 31 套里 27 套全错。编译期算 pc_has_ints 才治得住。
- 自带人类调色板:官方默认配色几乎全单值,30 个邮箱只出 2 种配色,
  那才是"默认头像丑"的真因,光换画风解决不了。
- 只收录 CC0/MIT(13 CC0 + 1 MIT),CC BY 那 13 套要求署名,一律不收——
  主题装给用户用,用户不会维护署名,收进来等于转嫁合规义务。

接入 get_avatar 的两个关键修正:
- 必须先看原 src 是不是 Gravatar 家族域名再决定是否替换。原先无条件
  替换会把媒体库头像、外链头像、别的插件处理过的 data: 头像一起盖掉。
- 必须删 srcset。只改 src 留着 srcset,浏览器优先用 srcset,
  生成的图根本不会被加载(现象是"代码明明换了,页面还是老样子"),
  且不能重建 <img> 标签(会丢掉评论头像 CSS 依赖的 class)。

后台三处必须这么做:
- body class 由 PHP 输出(admin_body_class),否则每次进设置页/保存后
  重载都会先显示风格列表再藏起来,闪一下。
- 事件监听 radio 的 change,不能监听 label 的 click —— label 会把
  click 转发给关联 input,冒泡回来再触发一次 ⇒ 同一风格发两次请求
  (实测 hits 2→4)。
- 首屏已渲染的 16 格写进 JS 缓存,否则点一圈回到默认风格会白请求一次。

不依赖任何可选扩展:不用 mbstring(未安装时 mb_substr 是 Fatal error,
整站白屏)、不用 gd/imagick。UTF-8 切分/截断/大写全部自己实现。
PHP 7.0 语法,PHP 8.5 下 E_ALL 无任何 warning。

验证:
- 14 套 × 6 种子 = 84 个用例与 DiceBear 官方 Node 输出逐字节一致,
  PHP 8.4 / 8.5 / 无 mbstring(php -n)三种环境均 84/0。
- 静态守卫 55/0;反向验证 17 项注入全部被捕获。
- 后台面板浏览器验证 26/0(显隐、几何、点选、缓存、连点、零报错)。
- 包内内容契约 24/0;包校验反向验证 6 项注入全部被捕获。
- 单次渲染稳态 0.047~0.105ms,峰值内存 2~4MB。
2026-10-25 18:38:11 +08:00
2022-01-07 11:15:42 +08:00

该项目是原kratos的一个分支。
本项目仓库地址:
https://code.yangyq.net/laoyang/wordpress-kratos-yang
因为我需要一些定制的功能,就fork出来一个新的分支,自己用。如果你对原有的主题开发也有不满意的地方,欢迎使用我的这个版本。当然,版权仍然是属于原主题。 主题预览:老杨说话的地方。

该仓库已同步到多个git托管平台,包括Github、Gitee、 Gitlab和阿里云Code。这些代码库都和源库保持一致和同步,在任何平台上关注都可以。

Github因为网络原因,同步会出现失败情况,无法保证最新。

主要修改的地方主要包括:

  1. 为移动端增加了侧边栏显示。之前的版本,在移动端无法看到最近评论,这个版本加入了这个功能。当然只是在首页,在文章页面,为了减少数据传输,仍然没有侧边栏。
  2. 文章聚合widget,将最新文章优先显示。原来的版本,是显示最热门文章,但是不知道什么原因,热点文章总是没几个,而且我认为,大部分人上来,应该时主要为了看最新文章的吧。
  3. 删除了配置页面中的关于主题,精简、精简、精简。
  4. 删除了资源托管选项,删除了媒体托管选项。
  5. 文章配置中,删除了文章版权信息,删除了网易云音乐。
  6. 删除了社交相关配置选项。
  7. 增加了在页脚显示国旗的选项。

修复Bug

  1. 如果使用了插件,会改变comment的div名称,class="comments" 变成了comments-area,因此,评论的样式不好用了。

此时,在主题的额外CSS中添加:

.k-main .details .comments-area {
  margin-top: 16px;
  padding: 1.6px 16px 16px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.k-main .details .post-2 .comments-area {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

就可以了。该问题属于和插件的冲突问题,因此,在额外CSS中添加,不修改主题本身。

代码块样式

主题的 assets/css/kratos.css 里有一组 .k-main .details .article .content 下的 pre / code / kbd / pre code / pre ol / pre li 规则,负责代码块与行内代码的底色和间距。

这六条曾经在压缩产物里整组丢失过:某次改动把单行压缩版 kratos.min.css 手工展开成可读格式, 展开时漏掉了这一整段,而原始未压缩的 kratos.css 里它们是齐全的,导致源与产物对不上。 表现是行内 code 与 kbd 没有样式(代码块因为插件 Prism 主题的覆盖才没露馅)。

改完 CSS 后请用压缩器重新生成产物,不要手工维护 kratos.min.css:

npx clean-css-cli@5.6.3 -o assets/css/kratos.min.css assets/css/kratos.css

主题自动更新

更新走的是一份静态 JSON + 一个 zip 包,由 inc/update-checker/(Plugin Update Checker 4.9)消费。

  • 元数据地址:https://yangyq.net/theme-update/update.json (定义在 inc/theme-core.php,可用 wp-config.php 里的 YANG_THEME_UPDATE_URL 覆盖)
  • 发布目录:站点根下的 theme-update/,内容只有三样:
theme-update/update.json    # 版本元数据
theme-update/kratos_yang.zip # 主题包,解压后是 kratos_yang/ 目录
theme-update/readme.html     # 「详情」页,可省

update.json 格式(version 与 details_url 必填):

{
  "version": "3.3.0",
  "details_url": "https://yangyq.net/theme-update/readme.html",
  "download_url": "https://yangyq.net/theme-update/kratos_yang.zip"
}

发布新版本的顺序

先改 style.css 里的 Version,再打包,否则 WordPress 认为没有新版本,不会提示升级。

  1. 改 style.css 的 Version(例如 3.2.2 → 3.3.0)
  2. 打包:zip -r kratos_yang.zip kratos_yang -x "*.DS_Store" "*/.git/*"
  3. 传 kratos_yang.zip 到 theme-update/
  4. 最后才改 update.json 里的 version

第 4 步放最后,是因为 WordPress 见到新版本号就会立刻允许升级; 若此时 zip 还是旧的,等于发了个指向旧包的更新,装完版本号没变(或者直接坏掉)。

⚠️ 自动升级会覆盖主题目录

WordPress 升级主题的做法是删掉整个 kratos_yang/ 再解压新包 (wp-admin/includes/class-theme-upgrader.php 里 clear_destination => true, 随后 delete_old_theme() 递归删除)。所以任何直接改在服务器主题目录里的东西都会丢, 包括手工打的补丁(例如曾经直接在 footer.php 里加的 Prism 脚本)。

自定义样式不再放主题目录。 早期版本有一个 custom/ 目录(custom.css / custom.js / custom.php),是给用户随手加样式的入口,但它位于主题目录内, 每次升级都会被清空 —— 而且 custom.php 会被 require,等于允许在主题里执行任意 PHP 代码。该模块已在 3.2.2 移除,改为后台选项:

后台 → 主题选项 → 自定义代码 → 自定义 CSS / 自定义 JS

这两段内容存在数据库的 kratos 选项里,升级、重装、改主题目录名都不受影响。 它们分别在主题样式表和主题脚本之后加载,优先级最高。

几个要点:

  • 不需要写 <style> / <script> 标签,直接写 CSS / JS 内容
  • 内容不会被当作 HTML 处理,>、<、~、反斜杠转义(如 content: "\f101")都原样保留
  • 想彻底清空,把框里内容删掉保存即可(空值会覆盖内置默认值)
  • 点“恢复默认”会把「自定义 CSS」还原成主题自带的默认样式

换域名 / 退役旧域名

以前更新元数据放在独立子域名上,现在收进主站,省掉一个站点、一套证书和一份备案。 切换时注意:

  1. 先把 theme-update/ 部署到主站并确认 update.json 能直接访问(返回 JSON,不是 404 或首页)
  2. 再发布带新地址的主题版本
  3. 旧版本的主题仍会去老地址拉更新,所以旧域名的 update.json 要在确认所有站点都升级完之后才能下线
S
Description
WordPress主题kratos_Yang
Readme MIT
7.6 MiB
Languages
PHP 86.7%
CSS 8.7%
JavaScript 4.6%