# 主题列表预览（旧版）

**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:** 9

<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: [2020年六月2日 20:03 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1104 "2020-06-02T20:03:53Z")

</div>

能请您截个图吗？只需截取与“特色图片”相关的几项设置。

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [2020年六月2日 20:07 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1105 "2020-06-02T20:07:24Z")

</div>

好的，在这里

 ![Screenshot_20200603_013641](https://global.discourse-cdn.com/meta/original/3X/7/1/71c78885a3e15053be0c8a2cf98f2603664c8081.png)

---

<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: [2020年六月2日 20:11 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1106 "2020-06-02T20:11:41Z")

</div>

目前还无法确定这是否是一个 bug。它很可能就是按预期运行的。

因此，通过设置，你正在通过设置项 topic\_list\_featured\_images\_count（值为 6）来限制显示数量。所有图片都会显示出来。查询的顺序由标记时间决定（设置项 topic\_list\_featured\_order），所以我认为较旧的内容会先显示。这就是为什么没有显示较新的图片，我猜。

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

增加这个数字：topic\_list\_featured\_images\_count

或者更改排序条件。

（顺便说一句，艺术效果很棒！）

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [2020年六月2日 20:17 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1107 "2020-06-02T20:17:58Z")

</div>

> [@merefield](#):
>
> 查询的顺序由标记的时间决定（通过设置 topic\_list\_featured\_order），因此我认为较早标记的内容会先显示。

我也标记了新的图片，但除了截图中的第一张外，其他都没有显示。我会增加数量再检查一下。

感谢大家欣赏这些艺术作品，我们的用户都是真正优秀的艺术家 🙂

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [2020年六月2日 20:25 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1108 "2020-06-02T20:25:51Z")

</div>

不，我已经将数量增加到 12，但我仍然看不到许多最近标记的作品。这些作品也并非年代久远。请查看此截图，您可以看到精选图片以及初始 6 个作品之外的第一行内容

 ![screenshot](https://global.discourse-cdn.com/meta/original/3X/d/9/d9e2b6503e96e4fd8aaf5434126657d592c82059.jpeg)

---

<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: [2020年六月2日 20:27 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1109 "2020-06-02T20:27:12Z")

</div>

现在顶部显示 12 了，看起来怎么样？

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [2020年六月2日 20:32 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1110 "2020-06-02T20:32:49Z")

</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: [2020年六月2日 20:34 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1111 "2020-06-02T20:34:02Z")

</div>

首先，你最多只能获得 12 个。

其次，它们将按 **标记顺序** 显示。也就是说，按照你为话题添加标记的顺序。  
无论标记了多少张图片，一旦达到上限，超出部分将不再显示。

是的，较旧的内容通常会先出现，因为你很可能先标记了它们。较新的内容出现的可能性较小，原因相同。

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [2020年六月2日 20:36 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1112 "2020-06-02T20:36:17Z")

</div>

是的，我理解订单和功能的逻辑。之前一切正常。我甚至将限制提高到了 48，但仍然看不到这些最近标记的图片。我并未标记旧图片，缺失的图片既包含最近添加的，也包含最近标记的。我能看到其中一些较早标记的图片，但中间有一部分缺失了。

该功能已在网站上上线，您可以查看具体日期。

---

<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: [2020年六月2日 20:39 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1113 "2020-06-02T20:39:44Z")

</div>

抱歉，我想我已经成功复现了这个问题！……让我进一步调查并反馈结果！

---

<div class="post-metadata">

### Author: ![raghukamath](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/raghukamath/32/160330_2.png) [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [2020年六月2日 21:00 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1115 "2020-06-02T21:00:45Z")

</div>

谢谢 🙂

---

<div class="post-metadata">

### Author: ![AdamAndrews](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@AdamAndrews](https://meta.discourse.org/u/AdamAndrews)
#### Post date: [2020年六月2日 21:01 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1116 "2020-06-02T21:01:34Z")

</div>

> [@raghukamath](#):
>
> 是的，我理解这个顺序和特性。之前是正常工作的。我甚至把限制提高到了 48。但我仍然看不到这些最近标记的图片。我没有标记旧图片，这些缺失的图片既包括最近添加的，也包括最近标记的。

或许可以针对一些日期较早的主题进行一些测试，看看这是否是一致的行为，在我的测试中似乎就是这样。

我在想，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: [2020年六月2日 22:29 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1117 "2020-06-02T22:29:53Z")

</div>

感谢各位的耐心：

- 修复了 Firefox 中 Tiles 损坏的问题
- 修复了特色图片缺失的问题

> <https://github.com/merefield/discourse-topic-previews-sidecar/pull/156/commits/2f9c922833b40c3f6ec0220d2eeca526e4bdcfde>

我尚未对特色图片更新进行全面测试，但我发现查询中存在一个明显的问题，该问题很可能导致较新的图片被排除，现已修复。请告诉我实际使用情况。

@icaria36 @raghukamath @AdamAndrews

---

<div class="post-metadata">

### Author: ![AdamAndrews](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@AdamAndrews](https://meta.discourse.org/u/AdamAndrews)
#### Post date: [2020年六月2日 22:59 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1118 "2020-06-02T22:59:28Z")

</div>

经过一些快速测试，这似乎已修复了我遇到的特色图片缺失问题。新话题在标记为特色后运行正常，旧话题也按预期继续工作。应用更新后，那些曾被标记为特色但未在顶部显示的话题已自动恢复正常。感谢您抽出时间查看此问题，我们非常感激。

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2020年六月2日 23:06 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1119 "2020-06-02T23:06:42Z")

</div>

在 TC 中发现了一个小 bug：当你在“最新”等页面滚动到下方后，访问某个主题，然后返回时，页面位置不会被记住，而是回到顶部。

---

<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: [2020年六月3日 06:05 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1120 "2020-06-03T06:05:50Z")

</div>

@D8vid 已将[该讨论移至此处](https://meta.discourse.org/t/theme-modifiers-a-brief-introduction/150605/20?u=merefield)

TLP 已改用核心中描述的新缩略图逻辑，详见上述内容及该主题帖。这带来了显著的稳定性优势，尤其是因为插件不再需要自行处理该功能，从而降低了核心升级时出现破坏性变更的风险。

缩略图是仅针对主题（Topic）的概念。不过，如果您安装了 TLP 插件或 TLP 主题组件 Sidecar，可以手动选择哪张图片作为缩略图（前提是图片符合筛选条件）。

不幸的是，这意味着缩略图并非针对每篇帖子单独维护。

该逻辑现在几乎完全属于核心部分，因此我无法直接干预。我也不打算就帖子相关的核心逻辑进行扩展，这超出了插件的范围。

---

<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: [2020年六月4日 22:23 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1121 "2020-06-04T22:23:09Z")

</div>

> [@merefield](#):
>
> Firefox 中 Tiles 损坏的修复方案

看起来有效！非常感谢。

---

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [2020年六月5日 12:13 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1122 "2020-06-05T12:13:17Z")

</div>

我需要为从其他网站（例如 [https://www.ted.com/talks）粘贴的](https://www.ted.com/talks%EF%BC%89%E7%B2%98%E8%B4%B4%E7%9A%84) URL 创建缩略图，但不包括 [youtube.com](http://youtube.com)。我该怎么做？这可行吗？

---

<div class="post-metadata">

### Author: ![internet\_cookie](https://avatars.discourse-cdn.com/v4/letter/i/aca169/32.png) [@internet\_cookie](https://meta.discourse.org/u/internet_cookie)
#### Post date: [2020年六月5日 15:16 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1123 "2020-06-05T15:16:01Z")

</div>

在最新版本的 TLP 中，是否有办法强制使用单一的缩略图尺寸？之前我们在运行最新 Discourse 的网站上使用了自定义宽度 284px。现在我们尝试将设置改为“最多”400px，以接近我们所需的宽度。

然而，不知何故，并非每篇帖子都显示 400px 的缩略图。每隔几篇帖子，我们在主题列表中就会看到模糊的缩略图，这是因为这些帖子使用的缩略图太小，宽度仅为 100px 或 50px，而不是 400px。目前似乎没有任何规律可循，解释为何这些帖子会使用比其他帖子（均使用 400px 缩略图）更小的缩略图。

看起来，如果设置单一宽度，我们就能避免首页出现这些模糊的缩略图。非常感谢您的任何建议或指导！

谢谢！

---

<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: [2020年六月5日 16:34 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1124 "2020-06-05T16:34:30Z")

</div>

缩略图现在由核心功能生成。

如果链接生成了一个框预览，则很可能会创建缩略图，主题列表预览将自动获取它。

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

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