# 主题卡片

**URL:** https://meta.discourse.org/t/topic-cards/296048
**Category:** Theme component
**Tags:** official, topic-cards
**Created:** [2024年二月20日 12:04 UTC](https://meta.discourse.org/t/topic-cards/296048 "2024-02-20T12:04:45Z")
**Posts on this page:** 1
**Showing post:** 32

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [2024年六月14日 08:49 UTC](https://meta.discourse.org/t/topic-cards/296048/32 "2024-06-14T08:49:12Z")

</div>

Topic Cards 组件需要做些什么才能像官方的 [Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails/150602) 在博客模式下那样，不仅显示主题的 ❤（就像现在一样），还能显示浏览量和评论数？

**Topic List Thumbnails**

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/1/f/a1f6834a354b3a377e3ef2f9d155af3679a616ce.jpeg)

**Topic Cards**

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/3/b/a3b3948c667f9b0e02d3611bf2cf1eef061348fb.jpeg)

另外，我认为 Topic List Thumbnails 使用上次活动日期（上面是“1d”）比 Topic Card 的“发布”日期更好。活动日期与 Discourse 的默认设置一致，并且能为用户提供更多信息。此外，设计上将其放在浏览量、点赞数和帖子数旁边非常合适。

如果你关心的话，在测试了 Default 主题、[https://meta.discourse.org/t/discourse-air-theme/197703、Topic](https://meta.discourse.org/t/discourse-air-theme/197703%E3%80%81Topic) Cards 和 Topic List Thumbnails 的各种组合，以及大量的 CSS 调整后，这里有一些额外的想法。

我最终选择了 **Topic Cards + Default 主题** ，并加入了 [Modern Category + Group Boxes](https://github.com/jordanvidrine/discourse-category-group-boxes.git)，它为分类添加了卡片，并且与主题卡片风格一致。

原因：

- Topic Cards 能优雅地处理带图片和不带图片的帖子。
- Air 主题非常酷，但 Topic Cards 加上 Modern Category 已经基本能满足需求。
- 坚持使用 Default 主题可以确保开箱即用地兼容任何官方主题组件。

---

_[View the full topic](https://meta.discourse.org/t/topic-cards/296048)._