31eb44caee09e0e07a56135640a7b0036cb70503
用户实测:「评论区总是显示加载失败,但是实际上是正常显示的,另外瞬间的评论区
的颜色和主题色不同步」。
T2 误报根因:软导航/二次挂载时 `#artalk-lib` 脚本标签已在 DOM,但 `window.Artalk`
尚未就绪,旧代码直接 `initArtalk()` → `!lib` 分支 `showRetry(true)` → 失败提示
永久显示;随后库加载完成、评论正常渲染,提示却留在页面上。
- 脚本标签在但库未就绪 → 等它的 load 事件再 init,不再立即判失败
- 失败提示只留真失败:script.onerror,或超时且确实未挂载
- `mounting` 在所有成功/失败路径复位(旧代码失败后永真,把 IO/锚点/滚底/重试全堵死)
- 成功路径清提示;三条触发路径与重试钮、astro:page-load 复核全部保留
T3 配色脱同步:18 个 `--at-color-*` 映射原先只写在 `#artalk-container` 作用域,
瞬间容器是 `mom-atk-<slug>` 不在其内 → 回落到 Artalk 默认白底。
- 抽成共享片段 geek/ArtalkThemeStyles.astro(两处引用,杜绝双份漂移)
- **额外挖出的第 4 个坑**:Artalk init 成功会给容器加 `.artalk` 类,其 CDN 样式表
里 `.artalk{--at-color-bg:#fff}` 与裸属性选择器 `[data-artalk-panel]` 同特异性
且后加载 → 平级后来居上。瞬间容器选择器加 `body` 前缀 (0,1,1) 压住;
文章页是 `#artalk-container`(1,0,0) 本来就压得住,所以只有瞬间翻白
验证: 构建 exit 0;E2E 46/46;我独立复测——
① 文章页挂载成功且 #artalk-retry 保持 hidden
② 连发 3 次 astro:page-load 仍不误报、仍挂载
③ 瞬间评论区明暗两态 --at-color-bg 实测 rgb(255,255,255)/rgb(25,29,35)
分别等于 --bg,容器带 .artalk 类(说明是 init 后真态)
Spec: 2026-11-02_blog-5i-fonts-polish (T2/T3)
Co-authored-by: GLM-5.3
Languages
JavaScript
81.1%
Astro
8.4%
TypeScript
3.3%
HTML
2.7%
Python
2.2%
Other
2.3%