 |
概要 | 为 Horizon 的高上下文主题卡片添加主题缩略图 |
 |
仓库 | GitHub - criptonautas/discourse-horizon-topic-thumbnails: Topic thumbnails on Horizon's high context topic cards · GitHub |
 |
安装指南 | 如何安装主题或主题组件 |
 |
Discourse 主题新手？ | 使用 Discourse 主题的入门指南 |
安装此主题组件
无需分叉或编辑 Horizon，即可为其高上下文主题卡片添加缩略图。禁用或移除该组件后，更改将完全还原。
实际截图
启用了 compact last reply 设置的桌面端视图：
图片位于顶部的移动端视图：
功能说明
- 在每张卡片的尾侧显示主题图片。
- 在手机端，将其作为横幅显示在卡片上方。
- 为没有图片的主题保留占位符，以保持卡片样式统一。
- 可选择将“最后回复”徽章移至页脚行，以缩短卡片高度。
- 加载适合屏幕尺寸的图片，从而避免主题列表下载所有原始图片。
该组件也可与 Horizon AI Gists 协同工作。
要求
- 启用了高上下文主题卡片的 Horizon
- 启用了站点设置
create thumbnails - Discourse 2026.5.0 或更高版本
请勿与官方的 Topic List Thumbnails 组件一起安装：该组件并非必需，且两者会在 Horizon 卡片上发生冲突。
设置
| 设置 | 默认值 | |
|---|---|---|
thumbnail_size |
240 |
缩略图列宽，范围从 100 到 400 像素 |
mobile_thumbnails |
true |
在手机端显示横幅 |
placeholder_icon |
comments |
没有图片的主题所使用的图标 |
placeholder_background |
无 | 占位符背后的图片 |
compact_last_reply |
true |
通过移动“最后回复”徽章来保持卡片较短 |
enabled_categories |
空 | 将缩略图限制在这些分类中；不包括子分类 |
已知限制
- 它依赖于 Horizon 的类名和列名。如果这些发生变化，缩略图可能会停止显示，或者卡片部分可能会移位，直到组件更新。
- 现有主题可能会在后台生成图片尺寸之前显示原始图片占位符。
已在 Meta 社区成员的反馈中测试，并在我们自己的社区内进行了私下测试。欢迎提交错误报告和拉取请求。