这是一个主题组件，但可以选择添加一个补充插件。
喜欢这个主题组件吗？请在 GitHub 上 
它
与 Discourse Bars 🍻 🍸 (a sidebar framework) 配合使用效果极佳！
概述
“主题列表预览”允许您：
- 在主题列表中添加缩略图、摘要、参与者头像和主题统计信息
- 使用传统行、响应式磁贴或瀑布流式布局
- 按主题列表、分类和标签独立配置预览
- 控制缩略图大小、分辨率、备用方案及显示限制
- 用较大的特色磁贴突出显示选定的主题
- 在主题列表上方添加“精选”主题，并按需进行筛选和排序
- 通过缩略图、摘要和作者详情增强全页搜索
- 在活动页面添加用户墙——即“作品集”功能
辅助插件（Sidecar）
您可以搭配“sidecar 插件”使用：https://github.com/merefield/discourse-topic-previews-sidecar-pro
这目前是一个私有仓库，每月贡献至少 7 美元的 GitHub 赞助者可以获得访问权限。
以添加以下功能：
- “操作”——直接从主题列表进行书签、分享和点赞
- 缩略图选择器——从整个主题中选择任意图片
- 基于所选缩略图的主色调背景
- 自动移除 YouTube 缩略图的黑边
- 重建主题帖子时可选重新生成缩略图
- 可配置的摘要长度及可选移除链接
- 已接受解决方案和问答回答预览
- 显示最新帖子摘要的选项
- 将预览点击重定向至最新帖子的选项
- 搜索结果中的缩略图预览
- 用户自定义低分辨率缩略图的偏好设置
插件安装指南：Install plugins on a self-hosted site
您至少需要安装主题组件，插件是可选的。
这些设置可以全局应用，也可以针对特定分类应用。
这套灵活的功能集允许您创建多种不同的主题列表样式，包括
基础样式
相关设置
Pinterest（瀑布流）样式，即“磁贴”
相关设置
- 主题列表磁贴
- 主题列表缩略图
- 主题列表摘要
- 主题列表操作
- 主题列表缩略图宽度
- 主题列表缩略图高度
它具有宽屏格式选项（由设置 topic_list_tiles_wide_format 控制）：
它是响应式的，如果宽度不足会自动折叠为瀑布流格式（反之亦然）。
特色图片
相关设置
- 主题列表特色图片标签
- 主题列表特色图片数量
- 主题列表特色图片宽度
- 主题列表特色图片高度
- 主题列表特色图片标题
- 主题列表特色图片摘要
- 主题列表特色图片排序
切换摘要：
我此前为此功能引入了一个开关，用于配合我的 AI 主题摘要 插件。
您也可以将其用于 TLP：
实际应用案例 
支持
我不提供免费的支持保障。我可以为签署我 GOLD 或 PLATINUM 月度赞助层级 的企业或机构提供支持。
还有一个一次性漏洞排查选项。
54 个赞
raghukamath
(Raghavendra Kamath)
2
有没有办法让特色图片根据添加标签的时间进行排序？目前，它会显示最近有活动的帖子的特色图片，从而将最新的标记图片推到后面。
例如，如果我有 10 张图片，我将其中 5 张标记为特色图片，那么这 5 张图片将显示在顶部栏中。如果我添加另外 5 个标签，它们将替换现有的 5 个。但是，如果之前的 5 个帖子中的任何一个有评论或帖子，该图片就会被置于最前面。
3 个赞
警告：我很快就会推送一个“图块（物品）”布局的更改。如果您进行了一些 CSS 调整，可能需要对其进行……嗯……调整：
我保证不会经常这样做，但这次是为了整理和支持未来可能出现的一些新功能……
目前该更改位于 beta 分支上。
3 个赞
raghukamath
(Raghavendra Kamath)
5
是的，该选项有一定帮助，但如果任何较旧的帖子有任何更新，它就会排在前面。
2 个赞
我只使用了 Discourse API 中提供的原生选项（它本质上是一个主题组件，所以你无法更改 API）。等我有空时，我会再看看排序问题。不过，这个问题之前出现过，我曾做过一次更改来帮助一位用户。Topic List Previews (legacy) - #1154 by merefield created_at 属性在有新帖子后保持不变吗？你确定你更改了设置并刷新了浏览器吗？
3 个赞
@raghukamath 我刚测试过，似乎按预期工作？它仍然不会响应新帖子的顺序更改，并且会尊重 created_at 日期。请刷新您的浏览器并重试。
3 个赞
raghukamath
(Raghavendra Kamath)
8
没问题。我会再测试一下。也许是因为启用了该选项时的行为让我感到困惑。很抱歉给您带来这么多麻烦。
我的会员们提出的另一个问题是，未读和已读主题的 CSS 颜色修复未在移动浏览器上应用。
1 个赞
是的，正如之前所述，那仍然是待处理的。我将在上述布局更新中尝试发布它，可能在几天内。
flash
10
您好，我尝试使用已弃用的 git 插件时，无法在移动缩略图上覆盖 CSS。它一直恢复到 80px 的高度。开始搜索时，我看到它已移至组件。我是否会遇到同样的问题，需要克隆组件来更改它，还是有其他解决方法？我希望移动设备在移动浏览器上具有全宽度。
这里的布局不适合您的需求吗：Topic List Previews (TLP) - #4 by merefield 适合您的需求吗？新的图块具有全宽缩略图。这目前在 beta 分支上。如果需要，可以将其安装为附加的主题组件进行尝试。请记住在安装时指定分支，并编辑主题组件名称以使其清楚这是 Beta 版本。
1 个赞
你好，
感谢你提供的这个出色的组件！我喜欢它的设计 
我在 Discourse 中相对较新，对技术术语不太了解。
我在图像未在列表组件中显示方面遇到麻烦。不知何故，图像在组件预览中显示，但当我加载实际内容时，图像却消失了。
^ 这是组件的预览
1 个赞
^ 加载真实页面时就是这样显示的
现在，我认为这与我的 discourse 设置有关？
是否有特定的设置必须激活才能使此组件正常工作？我真的不知道为什么它没有按预期工作……
1 个赞
flash
18
罗伯特您好。我在标题下方引入了一个包含第三方 JavaScript 的表格，当我在组件中使用它时，脚本会破坏预览。有什么解决方法吗？
如果脚本中存在阻止 JavaScript 执行的错误，则可能会破坏需要 JavaScript 正常运行的 TLP 布局代码。请在浏览器控制台中查找红色错误。
1 个赞
raghukamath
(Raghavendra Kamath)
20
您好，我按照您的建议启用了创建日期选项。这在一定程度上解决了问题。但我认为在旧的插件中，顺序是根据帖子被标记的日期设置的。此外，旧图片在首页上因任何更新或回复主题而出现的问题，使得新图片难以保持特色。假设我将一张图片设为特色图片，如果一年以前的某个旧帖子有了新回复，首页将显示该帖子的特色图片。如果许多旧帖子得到回复，新标记的特色图片就会消失。
