# 主题列表预览（旧版）

**URL:** <https://meta.discourse.org/t/topic-list-previews-legacy/101646>\
**Category:** Plugin\
**Tags:** deprecated\
**Created:** [2018年十一月9日 03:56 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646 "2018-11-09T03:56:38Z")\
**Posts on this page:** 20\
**Page:** 29

<div class="post-metadata">

**Author:** ![diakopter](https://avatars.discourse-cdn.com/v4/letter/d/90db22/32.png) [@diakopter](https://meta.discourse.org/u/diakopter)\
**Post date:** [2021年八月3日 21:49 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1517 "2021-08-03T21:49:49Z")

</div>

你知道有什么方法能让它运行得更频繁吗？比如每隔5秒左右？

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年八月5日 10:31 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1518 "2021-08-05T10:31:37Z")

</div>

你可以自行查看 Discourse 源代码来找到这些信息（TLP 在此并未参与）。

Google 一下 😉 …

… 看起来它与编辑宽限期有关。缩短该时间，它就会更快运行。

---

<div class="post-metadata">

**Author:** ![diakopter](https://avatars.discourse-cdn.com/v4/letter/d/90db22/32.png) [@diakopter](https://meta.discourse.org/u/diakopter)\
**Post date:** [2021年八月5日 12:20 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1519 "2021-08-05T12:20:29Z")

</div>

没错，有人碰巧在同一时间发布了它

> [@Handling of broken onebox images from malconfigured sites](https://meta.discourse.org/t/handling-of-broken-onebox-images-from-malconfigured-sites/199079/2?u=diakopter):
>
> Don’t we already do that? Check your post again! It’s obviously not at cook time, because you don’t put web requests on that critical path, but we queue it and download the onebox image in the background. We wait editing grace period (default 300s) to download it if download remote images to local (default true).

---

<div class="post-metadata">

**Author:** ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)\
**Post date:** [2021年八月8日 16:03 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1520 "2021-08-08T16:03:51Z")

</div>

你好，这是一个关于权限的问题。如果一个 Discourse 实例在非分类页面启用了特色图片，并且该实例同时包含公开和私有的分类，那么应该向哪些用户显示哪些图片？

理想情况下，用户应看到他们有权访问的主题对应的特色图片，而不应看到他们无权访问的主题的特色图片。因此，不同用户看到的特色图片会根据其权限而有所不同。这是否正确？

---

<div class="post-metadata">

**Author:** ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)\
**Post date:** [2021年八月8日 19:38 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1521 "2021-08-08T19:38:55Z")

</div>

关于权限的另一个问题，这个可能更简单。除了给帖子添加已定义的标签外，有没有其他方式来选择精选图片？目前的顾虑是，在我们的 Discourse 中，几乎每个人都可以添加标签，因此几乎任何人都可以决定哪张图片是精选图片。这为潜在的滥用和 moderation 需求打开了大门。

我们可以提高添加标签的信任等级，但这会带来其他影响。我很好奇其他人是如何处理这个问题的。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年八月8日 19:58 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1522 "2021-08-08T19:58:18Z")

</div>

1. TLP 尊重权限设置，您无法看到任何不同内容。精选图片将仅限于您有权访问的内容。某些用户的可选集合可能会更大。

2. Discourse 核心功能已为您解决了此问题：您需要将所选标签放入一个标签组中，并配置该标签组，使其仅允许工作人员设置该标签：

![image](https://global.discourse-cdn.com/meta/original/3X/0/2/02bf5d598e02b0b77d8e5ed1e02ba8bb39b9787c.png)

---

<div class="post-metadata">

**Author:** ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)\
**Post date:** [2021年八月8日 21:34 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1523 "2021-08-08T21:34:22Z")

</div>

非常感谢！这解决了我们所有的顾虑。

---

<div class="post-metadata">

**Author:** ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)\
**Post date:** [2021年八月13日 21:43 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1524 "2021-08-13T21:43:50Z")

</div>

我非常欣喜地注意到 [https://realtimevfx.com/](https://realtimevfx.com/) 上“精选图片”（横向图片行）的运用。关于如何实现他们所做的改进，有什么建议吗？

具体而言：

- 如何让标题和作者的文字在不悬停的情况下也可见？
- 如何实现左右滚动的箭头？
- 如何去掉水平滚动条？

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年八月14日 11:06 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1525 "2021-08-14T11:06:41Z")

</div>

那看起来不像同一个组件。你可以在浏览器的开发者工具中检查 HTML，查看是否有相同的类名来确认。

你可以在 CSS 中自定义滚动条样式。我在该主题的前面部分发过相关内容。

问问他们？你甚至可能能够识别出他们使用的 JavaScript 和 CSS。或者，如果需要帮助，可以在 #Marketplace 频道发帖求助？

---

<div class="post-metadata">

**Author:** ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)\
**Post date:** [2021年八月15日 21:19 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1526 "2021-08-15T21:19:24Z")

</div>

谢谢。很高兴知道它不是同一个组件。我确实问过他们，他们的回复是……情况比较复杂。🙂

@merefield，在我考虑市场中的请求之前，你愿意将这些作为改进集成到这个插件中吗？虽然我很喜欢那个 UI，但我不确定是否要维护一个打了补丁的实例。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年八月25日 14:02 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1527 "2021-08-25T14:02:34Z")

</div>

抱歉回复晚了。

如果您愿意提供资金支持，我很乐意为您创建一个主题组件，您可以将其添加到您的实例中，并确保在安装了 TLP 的情况下能够正常运行。

我正努力避免增加核心插件的复杂度。

欢迎随时私信我。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年九月9日 16:00 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1528 "2021-09-09T16:00:51Z")

</div>

即将发布一个关于此插件的主题组件版本的大型 PR：

变更内容：

- 重构：消除了\* jQuery 🎺
- 重构：将路由和布局功能判定转换为 Ember 服务（类似于 TLT 组件，该方法借鉴自 @David）——这更加可靠，并至少修复了一个 bug。
- 重构：消除了大量弃用警告。
- 功能：现在允许您通过特定标签指定布局功能（而不仅仅是在标签上全局指定）（与 TLT 采用相同的方法）

注意：CSS 层级结构更简单且略有变化，如果您有自定义样式，请注意这一点！

> <https://github.com/merefield/discourse-tc-topic-list-previews/pull/5>

分支为 `add_ember_service_remove_jquery`

如果您想测试它（我们将不胜感激），您可以将其作为附加组件加载（在“高级”选项下填写分支名称），编辑其名称（例如命名为“主题列表预览（Beta）”），并将其添加到您通常不使用的主题中以便切换测试。

每次更改设置后，请记得刷新浏览器。

由于发生了大量变更，需要进行 thorough 检查，遗憾的是目前尚无自动化测试。当然，我自己已经进行了大量测试。

在经过一段时间的公开测试后，我将在几周内合并这些更改。

未来，这些变更也可能被该插件采纳……

\u003csup\u003e\*我认为仍有一小部分 jQuery 代码，我会跟进处理。

---

<div class="post-metadata">

**Author:** ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead)\
**Post date:** [2021年九月11日 10:39 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1529 "2021-09-11T10:39:20Z")

</div>

是否可以从图片和摘要预览中排除特定类别？

**编辑：** 抱歉，我看到您有一个请求空间。我会将其放在那里。

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年九月11日 19:52 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1530 "2021-09-11T19:52:28Z")

</div>

是的，这应该是可行的。

---

<div class="post-metadata">

**Author:** ![P16](https://avatars.discourse-cdn.com/v4/letter/p/b19c9b/32.png) [@P16](https://meta.discourse.org/u/P16)\
**Post date:** [2021年九月20日 05:48 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1531 "2021-09-20T05:48:20Z")

</div>

@merefield 新更改看起来很棒！目前尚未发现任何问题。我有一个建议——在当前的 TC 中，所有标签默认都会应用样式。而在新分支中，需要在设置中单独命名每个标签。鉴于标签数量众多（且还可以创建新标签），我们能否让所有标签默认应用样式（或提供一个允许对所有标签应用样式的设置）？

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年九月21日 18:08 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1532 "2021-09-21T18:08:10Z")

</div>

目前这完全是一个实验性的在制品，但以下是我一直在进行的工作：对 TLP 的外观和感觉进行大规模现代化改造：

（要查看实时演示，请访问：[https://rideables.tech](https://rideables.tech)）

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/2/c29dd290c8a9515be27f8f643e1eaab6644f3bf2.jpeg)

（当然，我借鉴了优秀的 Microsoft Edge 的“动态”功能作为灵感：😍。）

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年九月29日 14:47 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1533 "2021-09-29T14:47:43Z")

</div>

解决方案其实很简单：

- `tags` 路由现在只是 `tag`

我已将 `add_ember_service_remove_jquery` 分支更新为包含此更改（仅针对默认设置）（以及其他大量不相关的更改）。如果您修改了默认设置，只需将 `tags` 替换为 `tag`，将 `tags-mobile` 替换为 `tag-mobile`。

感谢测试！

---

<div class="post-metadata">

**Author:** ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)\
**Post date:** [2021年九月30日 01:18 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1534 "2021-09-30T01:18:21Z")

</div>

在 PC 和移动设备上看起来都很棒！

---

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [2021年九月30日 07:11 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1535 "2021-09-30T07:11:56Z")

</div>

关于 TC 的 Chrome 渲染限制（在损坏前滚动距离受限）的好消息。

已在 Chrome 96 中修复：[https://bugs.chromium.org/p/chromium/issues/detail?id=688640#c58。](https://bugs.chromium.org/p/chromium/issues/detail?id=688640#c58%E3%80%82)

目前这是他们的 Canary 构建版本（我已测试，现在运行正常，没有问题）。

（现在我们只需要：[https://bugs.chromium.org/p/chromium/issues/detail?id=1076027&q=masonry&can=2，以便我们可以弃用](https://bugs.chromium.org/p/chromium/issues/detail?id=1076027&q=masonry&can=2%EF%BC%8C%E4%BB%A5%E4%BE%BF%E6%88%91%E4%BB%AC%E5%8F%AF%E4%BB%A5%E5%BC%83%E7%94%A8) JavaScript。）

---

<div class="post-metadata">

**Author:** ![P16](https://avatars.discourse-cdn.com/v4/letter/p/b19c9b/32.png) [@P16](https://meta.discourse.org/u/P16)\
**Post date:** [2021年九月30日 07:30 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1536 "2021-09-30T07:30:26Z")

</div>

> [@merefield](#):
>
> 我已根据该更改更新了 `add_ember_service_remove_jquery` 分支（仅针对默认设置）（以及其他大量不相关的更改）。如果您已更改默认设置，请将 `tags for tag` 和 `tags-mobile` 替换为 `tag-mobile`。

@merefield 感谢您的工作，但这导致我的网站无法正常运行。我已更新，但只看到了时间段下拉菜单。我将尝试在不使用插件的情况下进行测试，然后告知您结果。

[上一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=28)

[下一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=30)
