# 主题列表预览（旧版）

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

<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年五月9日 04:29 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/959 "2020-05-09T04:29:46Z")

</div>

将 `topic_list_thumbnail_resolution_level`（这会降低分辨率）增加到 2 会发生什么？

我现在已将默认值设为 2（之前是 0，提供最高分辨率的缩略图！！）[Lower default resolution · merefield/discourse-tc-topic-list-previews@c668985 · GitHub](https://github.com/merefield/discourse-topic-list-previews-theme/commit/c668985a4ebc94e89f22b516c09ce6b651daf4b9)

请注意，要使此功能生效，必须运行 `sidekiq` 以生成较低分辨率的缩略图。在它们尚未可用期间，系统将提供较高分辨率或原始图像，您可能会遇到此问题。这种情况通常只会持续几分钟。

---

<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年五月9日 04:32 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/960 "2020-05-09T04:32:10Z")

</div>

主题组件目前还无法替代插件，很遗憾。但请给我一些时间：我两天前才开始着手开发！

---

<div class="post-metadata">

### Author: ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)
#### Post date: [2020年五月9日 04:33 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/961 "2020-05-09T04:33:27Z")

</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年五月9日 04:34 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/962 "2020-05-09T04:34:40Z")

</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年五月9日 14:00 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/963 "2020-05-09T14:00:37Z")

</div>

精选图片的早期版本已添加到实验性主题组件中。目前仅在探索路线上测试可用。已添加移动设备支持（插件中不可用）（@Krischan）

---

<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年五月9日 21:12 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/964 "2020-05-09T21:12:09Z")

</div>

我今天早上更新了，据我所知 Sidekiq 一直在运行，但我仍然遇到这个问题。在使用该组件的页面的控制台中显示如下：

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/f/0fa808af3c17ffcc26b7c0a9ff83cf4c0a7cfb9c.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年五月9日 21:29 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/965 "2020-05-09T21:29:00Z")

</div>

没错，JavaScript 错误确实可能导致布局代码完全停止运行。

您是否已将 staging 环境和主题组件更新到最新版本？

我相信您已经卸载了 TLP 插件？

另外，您是否已授予其获取所需脚本的权限？

~~请在安全设置中添加以下内容：~~

~~内容安全策略（CSP）脚本源：[https://unpkg.com~~](https://unpkg.com~~)

这已不再必要，因为 Discourse 全新的主题修饰符功能支持对 CSP 进行修改，该功能现已在主题组件（TC）中实现

（这允许下载 ImagesLoaded 及其依赖项）

---

<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年五月10日 03:05 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/966 "2020-05-10T03:05:02Z")

</div>

> [@merefield](#):
>
> 将此添加到安全设置中：
> 
> 内容安全策略脚本源：[https://unpkg.com](https://unpkg.com)

问题解决了！我对您如此迅速地解决这个问题印象深刻。

我注意到一件事，我无法为 `topic list featured images tag` 选择任何标签。我知道您仍在处理此事，但以防万一这是另一个问题……

---

<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年五月10日 06:23 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/967 "2020-05-10T06:23:56Z")

</div>

一个标签应该就能工作。你需要手动输入它。我已经发布了一个更新，将其改为选择器（同时包含许多其他改进）。

这依赖于定制 API。我已将其重写以利用原生 API。不幸的是，结果可能会更简单。

---

<div class="post-metadata">

### Author: ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)
#### Post date: [2020年五月10日 06:40 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/968 "2020-05-10T06:40:50Z")

</div>

> [@merefield](#):
>
> 我相信您已经卸载了 TLP 插件？

安装 [GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub](https://github.com/merefield/discourse-topic-list-previews-theme) 需要卸载 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: [2020年五月10日 06:48 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/969 "2020-05-10T06:48:03Z")

</div>

> [@Bcat](#):
>
> 要安装 [GitHub - merefield/discourse-topic-list-previews-theme: 增强主题列表的内容和布局](https://github.com/merefield/discourse-topic-list-previews-theme)，是否需要先卸载 TLP 插件？是这样吗？

正确。

> [@Bcat](#):
>
> 看起来太多的重大变更已经让您白费了时间。

是的，核心部分有大量的变更。这次要跟上确实是个真正的挑战。

---

<div class="post-metadata">

### Author: ![Wildweasel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wildweasel/32/128234_2.png) [@Wildweasel](https://meta.discourse.org/u/Wildweasel)
#### Post date: [2020年五月10日 07:39 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/970 "2020-05-10T07:39:08Z")

</div>

你好 Robert，  
首先，非常感谢你提供这个出色的插件以及你的辛勤工作。  
从昨天开始，该插件似乎无法在主题列表中显示小图片：

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

以下是更新和设置的当前状态：

 ![](https://global.discourse-cdn.com/meta/original/3X/5/8/5891eec17f78e83a926b27123621c133b7c6d5de.jpeg)  
 ![](https://global.discourse-cdn.com/meta/original/3X/d/5/d52b04639b6149d3955c5a1ec8b1dc2a3a927f8c.jpeg)

我的论坛网址：

> **[ClearInsight News](https://libertysim.net/)**
>
> Delivering clear, accurate news and insightful stories from around the world.

我使用的 Git 仓库是：[GitHub - merefield/discourse-topic-previews-sidecar: A Discourse plugin that complements the Topic Previews Theme Component to add features · GitHub](https://github.com/paviliondev/discourse-topic-previews.git)  
请问设置中是否有问题？

---

<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年五月10日 07:40 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/971 "2020-05-10T07:40:52Z")

</div>

根据指引，由于 Discourse 核心发生了重大变更，本插件目前暂时部分功能异常。我们目前仅在每月 1 日至 5 日期间支持生产环境的升级。该插件在 5 日时仍可正常运行。如果您在此期间之外进行安装或升级，风险需自行承担。

我目前正在专注于交付一个功能精简的实验性主题组件。

我预计将在本月晚些时候继续处理该插件。

---

<div class="post-metadata">

### Author: ![Wildweasel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wildweasel/32/128234_2.png) [@Wildweasel](https://meta.discourse.org/u/Wildweasel)
#### Post date: [2020年五月10日 07:46 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/972 "2020-05-10T07:46:51Z")

</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年五月10日 07:48 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/973 "2020-05-10T07:48:48Z")

</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年五月10日 10:24 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/974 "2020-05-10T10:24:51Z")

</div>

OK，对实验性主题组件进行了重大改进：

> **[GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists](https://github.com/merefield/discourse-tc-topic-list-previews)**
>
> Enriches the content and layout of topic lists

- 精选图片现在应能完全正常工作，且效果比以往更好（我重写了大部分代码），支持可选摘要，并可自定义尺寸。现在在移动设备上也能正常显示。
- 分类选择器应已正常工作。
- 设置说明将反映尚未完成或修复的功能。
- 由于缺乏专用 API，部分在插件中可用的功能已被移除或更改。

注意#2：Chrome 浏览器在处理我的瀑布流渲染器时仍有问题，滚动一定距离后视图会错乱……这是由于浏览器限制以及我过于激进地挑战 CSS 边界所致，目前 Chrome 开发团队正在修复该问题。我选择这种方式的原因是：1. 它能响应侧边栏变化；2. 速度极快；3. 希望很快就能修复。建议尝试在 Firefox 或 Safari 中体验完整功能。

---

<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年五月10日 17:28 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/975 "2020-05-10T17:28:27Z")

</div>

我已更新到最新版本，现在遇到了与自定义向导插件相同的问题：我只能选择不在标签组中的标签。在我的情况下，这只是一个 `test` 标签。我现在无法输入任何内容。

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/7/07a795935f77b85faef6ef872dd9c4bff04e06e9.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年五月10日 17:29 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/976 "2020-05-10T17:29:37Z")

</div>

我认为这是一个潜在的 Discourse 问题，David。我正在使用原生设置类型。

```plaintext
topic_list_featured_images_tag:
  type: list
  list_type: tag
  default: ''
  description:
    en: "Featured images tag."

```

不过，你设置过这个吗？

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/3X/d/2/d269399821cec7c4befc5e891075f4bd1bbec205.png)

注意其中的限制。

---

<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年五月10日 18:13 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/977 "2020-05-10T18:13:29Z")

</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年五月10日 18:24 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/978 "2020-05-10T18:24:13Z")

</div>

我可以把它改回文本框。这样会移除标签选择器。我们稍后再把它加回来好吗？

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

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