# 主题列表预览（旧版）

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

<div class="post-metadata">

### Author: ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [2020年九月28日 08:30 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1314 "2020-09-28T08:30:15Z")

</div>

> [@merefield](#):
>
> **或者** ：
> 
> 1. 基于 TC 的实验性功能，预计会有小问题，但能带来移动端特色图片和侧边栏响应式等额外优势……这是一个可选的插件侧边组件，用于添加更多功能

这个插件是否提供了 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: [2020年九月28日 09:24 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1315 "2020-09-28T09:24:40Z")

</div>

根据原帖内容，如果您使用 TC 安装 sidecar 插件，功能上基本持平。

TC 的优势在于：

1. 安装和更新更简便
2. 瓷砖渲染器对侧边栏具有响应性（插件无法实现此功能）
3. 移动端有精选主题（插件中缺失）

缺点：

1. 存在一个 Chrome 的限制，导致 TC 瓷砖渲染器在浏览约 10 个桌面页面后会出现损坏。这是 Chrome 的一个已知问题。但谁会滚动到那么远呢？无论如何，随着 Chrome 开始支持 subgrid，网格行数的上限也会相应提高，该问题预计将得到解决。[CSS Subgrid | Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/css-subgrid)

由于存在这一缺点，我尚未停用该插件。

---

<div class="post-metadata">

### Author: ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [2020年九月28日 10:06 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1316 "2020-09-28T10:06:48Z")

</div>

我的访客会滚动到那个位置。嗯，所以假设我暂时继续使用这个插件。当 Chrome 支持子网格（subgrid）时，从插件迁移到 TC + sidecar 可能会遇到哪些问题？

顺便问一下，你提到的“侧边栏”具体指什么？是指可能与其他插件或 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: [2020年九月28日 10:08 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1317 "2020-09-28T10:08:10Z")

</div>

别纠结了，随时可以切换。

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2020年十月2日 08:13 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1318 "2020-10-02T08:13:22Z")

</div>

@merefield 更新时间到！🎉 是否有任何已知问题？

---

<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日 08:13 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1319 "2020-10-02T08:13:47Z")

</div>

据我所知不是这样的：）。

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2020年十月2日 12:58 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1320 "2020-10-02T12:58:30Z")

</div>

谢谢罗伯特！一切如往常一样顺利 🙂

---

<div class="post-metadata">

### Author: ![R\_X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/r_x/32/142155_2.png) [@R\_X](https://meta.discourse.org/u/R_X)
#### Post date: [2020年十月5日 10:59 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1321 "2020-10-05T10:59:54Z")

</div>

该选项缺失。我使用“附加标签”功能来轻松管理类别。难道我需要反复手动更改类别设置吗？谢谢！  
 ![image](https://global.discourse-cdn.com/meta/original/3X/7/e/7e6b4ffca73fc904d3068825ca350ba5204f18bf.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年十月5日 12:45 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1322 "2020-10-05T12:45:29Z")

</div>

是的，TLP 平铺视图中确实没有批量选择功能。这是尚未实现的功能之一。建议您使用 TC，并切换到不包含该功能的主题以执行移动操作？

---

<div class="post-metadata">

### Author: ![R\_X](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/r_x/32/142155_2.png) [@R\_X](https://meta.discourse.org/u/R_X)
#### Post date: [2020年十月5日 13:08 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1323 "2020-10-05T13:08: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年十月7日 19:29 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1324 "2020-10-07T19:29:28Z")

</div>

嘿，这[让我非常恼火](https://meta.discourse.org/t/excerpts-are-being-poisoned-by-onebox-urls-on-post-rebuild/166372)，所以我添加了代码来移除摘要中的链接（并提供了一个设置，如果你希望保留它们）。目前这仅在主题组件（TC）中：

> <https://github.com/merefield/discourse-tc-topic-list-previews/commit/6f63d2141c1a6c3984e528701ec7a7fc7ab18823>

[https://github.com/merefield/discourse-topic-previews/commit/bdd7ba0baeb1bafc06658379a15affc0e861b7fd](https://github.com/merefield/discourse-topic-previews/commit/bdd7ba0baeb1bafc06658379a15affc0e861b7fd)

注意：请先更新主题组件（TC），然后再更新主题侧边插件（两者都需要才能生效）。

现在的效果干净多了，你可以随意使用 onebox 重建帖子，而链接不会出现在预览摘要中：+1：

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/e/ee26cfc1e35a1bf125f527f6c813f69740604d30.jpeg)  
⏬  
 ![image](https://global.discourse-cdn.com/meta/original/3X/9/2/924ef1606415c8f36cf89b5cb381da9e5e22e519.png)  
（注意：主题侧边插件设置！）  
⏬  
 ![image](https://global.discourse-cdn.com/meta/original/3X/c/2/c2e77accdd8476a69bbdac45ba8b527fff2d5c6d.jpeg)  
🎉

---

<div class="post-metadata">

### Author: ![misterjtc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/misterjtc/32/196401_2.png) [@misterjtc](https://meta.discourse.org/u/misterjtc)
#### Post date: [2020年十月11日 13:12 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1325 "2020-10-11T13:12:45Z")

</div>

你好，

我想知道是否可以为分类（categories）而不是主题（topics）实现类似下面的功能？这是否可行？

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/1/814fd0b985a5104388c7fc144c82136459b035af.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年十月11日 13:25 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1326 "2020-10-11T13:25:28Z")

</div>

这取决于您的具体含义。在 TC 中有一个设置：‘仅显示当前分类下的特色图片’。

不幸的是，据我所知，该插件不支持此功能。

从长远来看，一旦 Chrome 的限制问题得到解决，我们的目标是弃用该插件。

如果您想要可滚动的分类图片，这超出了本扩展的范围，毕竟它主要是用于‘主题’列表预览的。

---

<div class="post-metadata">

### Author: ![JQ331](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2020年十月14日 21:54 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1327 "2020-10-14T21:54:22Z")

</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年十月14日 21:55 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1328 "2020-10-14T21:55:56Z")

</div>

此功能在 TC 中不可用，除非你安装了“主题侧车（theme sidecar）”插件。该插件已在主帖中提供链接。

安装后，编辑话题元数据时会出现一个按钮。

---

<div class="post-metadata">

### Author: ![JQ331](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2020年十月14日 21:56 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1329 "2020-10-14T21:56:56Z")

</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年十月14日 21:57 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1330 "2020-10-14T21:57:56Z")

</div>

插件也是如此。点击该按钮后，将弹出一个模态框，显示主题中的所有图片网格。

---

<div class="post-metadata">

### Author: ![JQ331](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2020年十月14日 21:58 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1331 "2020-10-14T21:58:33Z")

</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年十月14日 21:59 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1332 "2020-10-14T21:59:09Z")

</div>

TC 具备该功能，但需要添加 sidecar 插件才能生效。如果您有侧边栏，建议使用 TC。

---

<div class="post-metadata">

### Author: ![JQ331](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2020年十月14日 22:22 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1333 "2020-10-14T22:22:30Z")

</div>

正在本地测试插件。我已成功将其添加到本地实例中。当我进入一个话题并点击标题旁边的铅笔图标时，会显示两个按钮，每个按钮都显示“选择缩略图”。点击任意按钮后，会提示：“选择所需的预览缩略图……针对话题：‘[话题名称]’。

但模态框中没有显示任何可供选择的图片。

我确实为该话题添加了一些图片，但它们并未出现在模态框中。

点击铅笔按钮时，控制台报错：`Error: Assertion Failed: The instance initializer 'preview-route-edits' has already been registered`

以及  
`ember:37774 Uncaught Error: Assertion Failed: Attempted to register a view with an id already in use: select-thumbnail-button`

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

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