主题列表预览 (TLP)

自定义 主题组件
737

几项非常不错的优化：

这项优化去除了 imagesLoaded 库，因为该库过于笨重，现在我们使用原生系统来实现相同的功能：

这项优化消除了滚动时新集合第一张卡片上因冲突且不必要的核心高亮动画而导致的意外卡顿，这种卡顿让人误以为真正背景色的加载需要时间（其实只是 CSS 的问题）：

2 个赞
739

赞助商（>= 7美元/月）现在应该可以再次访问 sidecar。

如果您已经通过这种方式设置了 discourse-locations-early-access，请使用相同的技术克隆 sidecar - 如有任何问题，请私信我！

如果您是新的赞助商，想知道如何获取 sidecar 的访问权限，请私信我！

注意：主题组件将保持公开。

1 个赞
740

这个组件和 https://github.com/merefield/discourse-topic-list-previews-theme.git 是同一个吗？后者是否是已停用的 URL？

1 个赞
741

GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub 仍然是公开的，我也没有计划更改这一状态——这是正确的 URL，且未发生过变更。

1 个赞
742

我想在某个时候这个仓库被重命名了。但只要 merefield 不使用旧名称创建新仓库，这应该不成问题。

1 个赞
743

是的，主题组件曾在某个时候更换了组织（从 Pavilion 转出）。

原来的插件变成了 sidecar，在这个过程中，前端被移除并移到了主题组件中。

本质上，这现在是一个免费增值模式——那些不需要 sidecar 功能的用户可以继续正常使用。

清楚得像泥巴一样吗？:sweat_smile:

3 个赞
744

更新：为了避免构建失败，我已将 sidecar 的公共版本恢复至：

https://github.com/merefield/discourse-topic-previews-sidecar

但请注意，该版本现已不再提供支持，请尽快移除。

现在有一条新的管理员通知。

对于每月赞助金额 >= 7 美元的 GitHub 赞助者，如果您希望获得受支持版本的访问权限，请私下联系我。

1 个赞
745

我注意到在主题列表页面上有一个bug，有时候书签按钮在不应该高亮的时候被高亮了：
image

1 个赞
746

请更新到私有 sidecar @Eviepayne，然后我们再继续。详情见私信。

1 个赞
747

那个问题消失了，但我在管理仪表板中看到了这个：

image
image733×139 6.42 KB

748

我认为这是由现已缺失的旧版 Sidecar 排入队列的，因此您可以忽略并关闭它。

749

是否支持 Horizon，或者未来有可能支持吗？:slight_smile:

750

我在想，这会不会就是我看到那个大红横幅的原因？

:warning: 发生错误。您的网站可能无法正常工作。
由“主题列表预览”引起。点击此处进行更新、重新配置或禁用。

752

不，它们不兼容，因为 Horizon 有自己使用 Transformer 的方式来修改列等内容，因此存在根本性冲突。

1 个赞
753

我并没有使用 Horizon——刚刚确认过了。我使用的是带有主题预览功能的 Light 主题作为默认设置，另外还有两个用户可选的选项，分别是带有主题预览功能的 Dark 主题和 Light（简约）主题。

我与 TLP 存在不兼容问题吗？它似乎仍在正常运行。但那个醒目的红色横幅（仅管理员可见）确实让人有点不安。

我使用的是 esr 版本流（2026.7.0）

1 个赞
754

浏览器控制台中是否有异常？

755

仅供参考，我确实发现了一些小故障，已经移除并“送它们出门”了，希望它们是同一问题：

请更新并确认问题是否已解决。如果未解决，请分享任何控制台错误（在旧版浏览器上可能会出现警告）

1 个赞
756

谢谢 - 问题已解决！

为了记录，在更新之前：

TLP：您的浏览器不支持 CSS Grid Lanes。主题列表预览将回退到标准网格布局近似值以实现瀑布流。请考虑更新您的浏览器以获得最佳体验。 查看 CanIUse 以获取兼容性信息：CSS Grid Lanes | Can I use... Support tables for HTML5, CSS3, etc

[THEME 4 'Topic List Previews'] TypeError: 无法读取未定义的属性（读取 'some'）
    at preview-edits.gjs:101:26
    at K (transformer.js:353:21)
    at get additionalClasses (item.gjs:253:12)
    at R (cache-DtDz7X5V.js:1647:15)
    at index.js:87:32
    at index.js:64:37
    at zn (index.js:396:5)
    at j (index.js:62:16)
    at bi.get (index.js:84:60)
    at Array Iterator.next (<anonymous>)
    at ji.getValue (index.js:244:86)
    at index.js:222:52
    at index.js:64:37
    at zn (index.js:396:5)
    at j (index.js:62:16)
    at my (index.js:1112:57)
    at fy.flush (index.js:1089:26)
    at Object.evaluate (index.js:665:41)
    at Object.evaluate (index.js:103:106)
    at zb.evaluateSyscall (index.js:2873:20)
    at zb.evaluateInner (index.js:2852:64)
    at zb.evaluateOuter (index.js:2849:10)
    at e.next (index.js:4167:45)
    at e._execute (index.js:4157:21)
    at e.execute (index.js:4133:41)
    at _x.handleException (index.js:3450:19)
    at bx.handleException (index.js:3592:52)
    at hx.throw (index.js:3414:16)
    at iy.evaluate (index.js:565:37)
    at hx._execute (index.js:3401:34)
    at hx.execute (index.js:3393:17)
    at xx.rerender (index.js:3610:8)
    at ww.render (index-DaCZcoCY.js:5211:23)
    at index-DaCZcoCY.js:5409:16
    at xb (index.js:2414:7)
    at e.renderRoots (index-DaCZcoCY.js:5389:7)
    at #o (index-DaCZcoCY.js:5374:12)
    at e.revalidate (index-DaCZcoCY.js:5435:10)
    at invoke (index.js:264:14)
    at Rc.flush (index.js:180:11)
    at zc.flush (index.js:334:19)
    at pl._end (index.js:762:32)
    at pl.end (index.js:565:10)
    at pl._run (index.js:806:14)
    at pl._join (index.js:783:19)
    at pl.join (index.js:605:17)
    at Array.Nw (index-DaCZcoCY.js:5301:26)
    at pl._trigger (index.js:860:21)
    at pl._end (index.js:775:16)
    at _boundAutorunEnd (index.js:499:12)
1 个赞
757

没错，那是已修复的问题之一 :clinking_beer_mugs:

1 个赞
758

顺便说一句，我的浏览器并不旧：

Chrome 已是最新版本 150.0.7871.187（官方内部版本）（arm64）