# 主题列表预览（旧版）
**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:** 15
### Author:  [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)
#### Post date: [2020年七月24日 06:38 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1227 "2020-07-24T06:38:18Z")
谢谢，我确实更喜欢这个插件，因为它比主题组件提供了更丰富的分类自定义选项。
---
### Author:  [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)
#### Post date: [2020年七月24日 13:15 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1228 "2020-07-24T13:15:35Z")
当我们更改缩略图的宽度/高度时，系统提示需要重新生成帖子。我使用的是 `rake posts:rebake`。
我想知道是否有命令可以仅重新生成包含缩略图的帖子，还是每次更改缩略图尺寸时都必须重新生成所有帖子？或者是否可以重新生成特定类别中的所有帖子？
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年七月24日 13:25 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1229 "2020-07-24T13:25:11Z")
在移动设备上使用 CSS（例如 max-width：参见几篇之前的帖子）
在桌面设备上，使用高度和宽度插件设置。
缩略图分辨率由“分辨率级别”插件设置处理。这与尺寸不同。
Rebake 会在 Discourse 中设置缩略图。如果您已经完成过一次，就无需再次执行。永远不需要，除非插件中的可用分辨率级别被更改（这种情况不太可能发生）。
---
### Author:  [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)
#### Post date: [2020年七月24日 13:37 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1230 "2020-07-24T13:37:05Z")
我正在桌面端的插件设置中调整高度和宽度。为了测试是否有变化，我将其设置为最小的 3px。随后重新生成了帖子，但缩略图大小仍未改变。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年七月24日 13:39 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1231 "2020-07-24T13:39:05Z")
不要使用 px，只写数字。
抱歉，之前的重新烘焙建议已过时！
---
### Author:  [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)
#### Post date: [2020年七月24日 13:46 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1232 "2020-07-24T13:46:19Z")
恐怕即使只使用数字，在应用后也没有任何效果。
我基本上是想在这里减小缩略图的大小：[Decks - Duelists Unite](https://forum.duelistsunite.org/c/yugioh/decks/19)
无论我输入什么数字，它都没有变化。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年七月24日 13:51 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1233 "2020-07-24T13:51:14Z")
试试将宽度设为 50，第二个留空？在我这里可以正常工作。
顺便提一下，对于“平铺”布局，这两个设置都无关紧要（宽度由浏览器窗口和列数决定，高度由图片的宽高比决定）。
另外请注意，这些设置仅在单独查看该类别时生效。
---
### Author:  [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)
#### Post date: [2020年七月24日 13:54 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1234 "2020-07-24T13:54:01Z")
嗯，也许这就是它没有变化的原因。我使用的是“磁贴”布局，并且只查看这个类别。我将宽度改为 20，高度留空，但没有变化。
我觉得我可以在缩略图上添加一些透明像素来缩小它。这或许能行。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年七月24日 13:54 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1235 "2020-07-24T13:54:55Z")
是的，这些设置对 Tiles 来说毫无意义。Tiles 会根据浏览器或设备宽度的减小，自动在 3 列、2 列和 1 列之间切换。缩略图会占据列的完整宽度（仅减去少量内边距）。缩小它们毫无意义，那样看起来会非常糟糕。
我经过多次原型设计后推出了 Tiles，将最大列数限制为 3 列，因为在电脑屏幕上，超过 3 列会非常难以浏览。
这些设置旨在帮助您自定义非 Tiles 视图，以便您确定缩略图在列表中占据的宽度。
---
### Author:  [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)
#### Post date: [2020年七月24日 13:57 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1236 "2020-07-24T13:57:31Z")
所以，要让“瓦片”变小，我猜只能通过 CSS 实现？
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年七月24日 14:02 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1237 "2020-07-24T14:02:12Z")
你可以尝试一下，但这不会得到支持。你很可能会遇到元数据过多被压缩的问题。
我发现 4 列布局很难阅读。我记得我其中一个网站的用户抱怨说竟然超过 1 列！哈哈
不过，这是默认 CSS，我相信你能看出其中的规律。尽情发挥吧：
```plaintext
.tiles-grid-sizer,
.tiles-grid-item {
// 在极窄视图中显示 1 列
width: 100%;
// 在中等宽度下显示 2 列
@media screen and (min-width: 501px) and (max-width: 800px) {
width: calc((100% - 6px)/2);
}
// 在空间充足时显示 3 列
@media screen and (min-width: 801px) {
width: calc((100% - 12px)/3);
}
}
```
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2020年七月30日 15:33 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1238 "2020-07-30T15:33:57Z")
嘿 @merefield，
您推荐在生产网站上使用主题组件吗？您是否仍认为它处于实验阶段？
如果我先卸载插件再安装主题组件，我的缩略图会保留吗？
如果不会，是否有办法在插件和主题组件之间实现平滑过渡？
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年七月30日 15:50 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1239 "2020-07-30T15:50:50Z")
数据源不应受到影响。您可以随时在两者之间切换。
主题组件速度更快，但磁贴模式依赖的渲染器在 Chrome 中向下滚动超过约 10 个桌面大小的页面时会出现故障（在移动设备上极不可能发生！）。相关的 Chrome 问题尚未关闭。这是它仍被标记为“实验性”的唯一原因。
另一方面，主题组件的磁贴模式可以处理侧边栏，而插件的则不行；但有些用户可能认为插件的瀑布流渲染器更为“优雅”，因为它带有动画效果，而主题组件的磁贴视图则没有。
总体而言，我个人更倾向于主题组件，因为它更轻量，在磁贴模式下使用的 JavaScript 要少得多，而且速度更快。
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2020年七月30日 20:55 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1240 "2020-07-30T20:55:22Z")
感谢您详细的回答。
能否在主题中某个位置添加主题组件的链接？这可能会很方便，我仅在这里找到了它：
> [@Topic List Previews (legacy)](https://meta.discourse.org/t/topic-list-previews/101646/1010):
>
> OK I’d better summarise the current status as things are getting confusing: There are now two distinct setups: Existing, standard, Plugin based one. I’m thinking of replacing it with 2 though (I will give notice). [Plugin](https://github.com/paviliondev/discourse-topic-previews) https://github.com/paviliondev/discourse-topic-previews OR: TC based, experimental, expect minor issues but added bonuses of Featured Images on mobile and responsiveness to sidebars … optional plugin sidecar that adds features [Theme Component](https://github.com/merefield/discourse-topic-list-previews-theme) https://github.com/mere…
---
### Author:  [@raghukamath](https://meta.discourse.org/u/raghukamath)
#### Post date: [2020年八月1日 07:33 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1241 "2020-08-01T07:33:59Z")
我正在使用 TLP 插件。用户卡片上的“作品集”按钮在移动设备上未显示。是否有设置可以启用它？
---
### Author:  [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2020年八月1日 09:06 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1242 "2020-08-01T09:06:24Z")
@merefield 我们又进入月初的前五天了！🎉 您是否了解 TLP 与最新 Discourse 版本之间存在的任何问题？我已准备好再次开始测试 🙂
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年八月1日 09:12 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1243 "2020-08-01T09:12:16Z")
我们确实如此。据我所知，没有任何严重的破坏性问题。
---
### Author:  [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2020年八月1日 12:46 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1245 "2020-08-01T12:46:20Z")
升级顺利！
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2020年八月1日 17:50 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1246 "2020-08-01T17:50:45Z")
我在主题组件上遇到了一个小问题。
在加载分类页面时（完整应用加载，而不仅仅是点击“分类”），我遇到了一个 JS 错误：
```plaintext
GET https://canapin.win/tags/.json 404
```
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年八月1日 17:55 UTC](https://meta.discourse.org/t/topic-list-previews-legacy/101646/1247 "2020-08-01T17:55:17Z")
是否有某个设置缺少标签？
[上一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=14)
[下一頁](https://meta.discourse.org/t/topic-list-previews-legacy/101646.md?page=16)