# 分类预览

**URL:** https://meta.discourse.org/t/category-previews/155296
**Category:** Theme component
**Created:** [2020年六月19日 01:12 UTC](https://meta.discourse.org/t/category-previews/155296 "2020-06-19T01:12:48Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [2021年三月10日 22:56 UTC](https://meta.discourse.org/t/category-previews/155296/22 "2021-03-10T22:56:03Z")

</div>

感谢这些提示。

我尝试了第二个示例：

> `internal~加入 X 群组！~快来加入我们要 formerly 绝密的群组。~https://example.com/~group-x`

……然后分别在匿名会话中，以及模拟一个非管理员且非 group-x 成员的用户账户进行了检查。不幸的是，两个预览都没有显示出来，包括这个二次确认的预览。对于我的管理员账户，看起来一切正常，正如预期那样直接显示在“internal”分类 slug 的上方，链接目标等信息也都正确。

我们在分类显示方面确实存在一些不太寻常的情况，所以这可能与那有关，除非其他人也发现了类似的非预期行为。🙂

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [2021年三月10日 23:09 UTC](https://meta.discourse.org/t/category-previews/155296/23 "2021-03-10T23:09:09Z")

</div>

奇怪的是，它仅对管理员显示，而本应看到它的其他用户却看不到。为确认起见，您的 `internal` 类别是否对匿名用户和非 group-x 用户可见？

---

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [2021年三月10日 23:24 UTC](https://meta.discourse.org/t/category-previews/155296/24 "2021-03-10T23:24:41Z")

</div>

感谢这个提示！我之前误解了字符串中第一个字段的用途。我一直将其与“仅限会员的类别”关联，认为它与群组会员身份有关。

当我把第一个字段改为一个已存在的、公开的、对所有人开放的类别后，一切就按预期运行了。🎉

> `news~加入群组 X！~快来加入我们要公开的秘密群组。~/pub/membershipinfo~group-x`

TLDR（就我当时的理解而言）——我需要明白，第一个字段是指你希望“预览”广告在类别列表中显示的位置。（在本例中，就是公开类别“新闻”的正上方。）

---

<div class="post-metadata">

### Author: ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)
#### Post date: [2022年二月5日 19:44 UTC](https://meta.discourse.org/t/category-previews/155296/25 "2022-02-05T19:44:03Z")

</div>

> [@downey](#):
>
> TLDR（根据我的大脑理解）- 我需要明白第一个字段是你想让“预览”广告出现在分类列表中的位置。（在这种情况下，就在公共“新闻”分类的上方。）

我真的很感谢你这么说。我原以为设置中的分类 slug 是指一个现有的私有分类，我想将其拉入分类菜单。但实际上，我意识到这个主题组件基本上只是允许我们在分类列表中的特定分类上方放置一个自定义链接，而且这个链接实际上不必与现有分类相关。例如，我刚输入了 `welcome~访问 Google!~这是分类列表中的一个自定义链接~https://www.google.com`，它就生效了。

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/d/7d9a9363c050730cc4cdc6fc3ab54d6588caced2.png)

我认为是我被“分类预览”这个名字搞糊涂了，没有理解它的功能，所以谢谢你指出来。

另外，我注意到这似乎只出现在分类列表视图中，而不是在分类下拉菜单或搜索中。

---

<div class="post-metadata">

### Author: ![f1r4s](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/f1r4s/32/245347_2.png) [@f1r4s](https://meta.discourse.org/u/f1r4s)
#### Post date: [2022年二月9日 08:04 UTC](https://meta.discourse.org/t/category-previews/155296/26 "2022-02-09T08:04:52Z")

</div>

@tshenry 能否找出如何使此类别具有带框样式的私有化？

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [2022年二月11日 05:11 UTC](https://meta.discourse.org/t/category-previews/155296/27 "2022-02-11T05:11:43Z")

</div>

运气的是，我刚刚添加了对“带子分类的框”桌面分类页面样式 🙂 的支持

> <https://github.com/tshenry/discourse-category-previews/commit/6dcdb39f196237f981ecf73af4903c0d9e4da2e6>

请注意，“带特色主题的框”尚不支持。

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [2022年二月14日 21:24 UTC](https://meta.discourse.org/t/category-previews/155296/28 "2022-02-14T21:24:35Z")

</div>

帖子已拆分为新主题：[在框选分类列表上方添加一个部分](https://meta.discourse.org/t/adding-a-section-above-the-boxed-categories-list/218181)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [2022年十二月23日 12:23 UTC](https://meta.discourse.org/t/category-previews/155296/29 "2022-12-23T12:23:54Z")

</div>

@tshenry 有办法将这些隐藏起来不让员工看到吗？

看到真实分类和虚假分类在一起非常令人困惑，我们总是点击错误的分类 🤦‍♂️

 ![Screenshot 2022-12-23 at 12.23.21](https://global.discourse-cdn.com/meta/original/4X/b/7/7/b77eeddb5d51629edd5b9ea6dbbf38982a9f6b6e.png)

即使是 CSS 隐藏技巧也可以 😊

---

<div class="post-metadata">

### Author: ![oca](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/oca/32/156060_2.png) [@oca](https://meta.discourse.org/u/oca)
#### Post date: [2023年一月26日 08:54 UTC](https://meta.discourse.org/t/category-previews/155296/30 "2023-01-26T08:54:36Z")

</div>

我明白 `slug` 是紧邻这个假分类标签下方的分类。然后需要有一个可访问的分类在其下方。  
有没有办法将假标签放在列表的底部？有没有像 `at-last` 这样的特殊 slug，可以将其完全放在所有内容之下？

编辑：我找到了一个解决方法。  
我添加了一个虚拟分类，没有人拥有写入权限，但所有人都拥有读取权限。我用 CSS `display=\"none\"` 隐藏了这个分类，并使其出现在最后。这完全不令人满意，但是……效果很好。

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2023年二月15日 17:16 UTC](https://meta.discourse.org/t/category-previews/155296/31 "2023-02-15T17:16:27Z")

</div>

这是一个很棒的组件，但我遇到了一个问题，它没有隐藏实际的类别。我尝试使用非管理员帐户和匿名用户进行测试。下面是我看到的内容以及我的设置。是我做错了什么还是存在 bug？

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/8/2/d82dc7d11cb45375697d494ee4bdb9317ebd00a2.jpeg)

类别 URL：`https://community.naturephotographers.network/c/beginners/147`

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/d/2/bd2999ee6485678a974d9674db91abf46430f14b.jpeg)

类别预览条目：

```plaintext
beginners~Beginners Feedback~A place for beginner photographers to share their images and get feedback in a comfortable atmosphere with other beginners. Experienced members of NPN will give feedback to help guide beginners in their photographic journey.~/g/Beginners~Beginners,Beginner_Support

```

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [2023年二月18日 10:39 UTC](https://meta.discourse.org/t/category-previews/155296/32 "2023-02-18T10:39:13Z")

</div>

> [@oca](#):
>
> 我添加了一个虚拟类别，该类别中没有人拥有写作权限，但每个人都拥有阅读权限。我使用 CSS `display="none"` 来隐藏此类别。

请问 @oca，您是在哪里添加此 CSS 的？

编辑：在此处找到并更改了 ID 以便使用：[How to Hide the Staff Category with css? - #3 by Tim\_Jefferies](https://meta.discourse.org/t/how-to-hide-the-staff-category-with-css/142842/3?u=richie)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [2023年二月19日 18:01 UTC](https://meta.discourse.org/t/category-previews/155296/33 "2023-02-19T18:01:30Z")

</div>

> [@tshenry](#):
>
> 欢迎提供反馈和建议

这个主题与可见性设置为“仅群主”的群组不兼容。

@tshenry ，有可能修复/添加此功能吗？🤔

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2023年二月19日 20:03 UTC](https://meta.discourse.org/t/category-previews/155296/34 "2023-02-19T20:03:24Z")

</div>

您可以配置它以显示用户 **可以看到** 的类别。这有点令人困惑（我不得不读了好几遍）。我相信它应该在您的情况下起作用。（请注意配置字段描述中的“重要”一词）

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [2023年二月19日 20:22 UTC](https://meta.discourse.org/t/category-previews/155296/35 "2023-02-19T20:22:20Z")

</div>

哎呀，两个“重要”消息中的第二个是这么说的：

> - \*\*重要提示：\*\*所选组的配置必须将“谁可以看到此组？”的可见性设置设为“组所有者、成员”或更宽松的设置。

顺便说一句，我认为“组所有者、成员”实际上应该说“组所有者、成员和版主”。

😕

我想知道主题是否可以修改为在组设置为“组所有者”时也能正常工作。

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2023年二月19日 23:10 UTC](https://meta.discourse.org/t/category-previews/155296/36 "2023-02-19T23:10:00Z")

</div>

您附加消息的类别必须允许人们看到它。您想宣传的类别则不行。或者至少我是这么理解的。

---

<div class="post-metadata">

### Author: ![littleviolette](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@littleviolette](https://meta.discourse.org/u/littleviolette)
#### Post date: [2023年五月24日 08:18 UTC](https://meta.discourse.org/t/category-previews/155296/37 "2023-05-24T08:18:32Z")

</div>

您好 @tshenry，

我正在按照您的指示，在不同的用户组中进行测试。除了管理员之外，没有用户可以看到类别预览。我哪里做错了？

`private-lounge~Private Lounge Preview~Private lounge reserved for our experts and contributors.~https://example.com~group_a,group_b,group_c`

A、B、C 组都可以被所有人查看。

感谢您的帮助！

---

<div class="post-metadata">

### Author: ![tgrosinger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgrosinger/32/363506_2.png) [@tgrosinger](https://meta.discourse.org/u/tgrosinger)
#### Post date: [2024年二月18日 00:53 UTC](https://meta.discourse.org/t/category-previews/155296/38 "2024-02-18T00:53:08Z")

</div>

我看到这似乎与“带有子类别的框”兼容，并且我的安装中已启用该功能，但是，一旦我启用 [air 主题](https://meta.discourse.org/t/discourse-air-theme/197703)，类别预览就会消失。有没有办法让它与该主题一起使用？谢谢！

我已经开始进行一些调试，可以看到它进入了[这个块](https://github.com/tshenry/discourse-category-previews/blob/6dcdb39f196237f981ecf73af4903c0d9e4da2e6/javascripts/discourse-category-previews/components/category-preview.js#L26-L32)，并且应该将 previewData 添加到渲染中，但它甚至没有出现在页面上的 HTML 输出中。

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [2024年三月2日 16:32 UTC](https://meta.discourse.org/t/category-previews/155296/40 "2024-03-02T16:32:30Z")

</div>

这看起来正是我所需要的：一个给用户输入分类时的醒目警告。

但这似乎不适用于\_子分类\_。我尝试输入了以下模式：

- `sub-category`
- `parent-sub-category`
- `parent:sub-category`
- `parent/sub-category`

没有一个奏效。但 `parent` 可以正常工作（只是我不想在那里显示分类预览）。

您知道是否有可用的模式，或者是否可以支持此功能吗？

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2024年八月17日 19:31 UTC](https://meta.discourse.org/t/category-previews/155296/41 "2024-08-17T19:31:37Z")

</div>

> [@tshenry](#):
>
> 向下滚动类别列表，直到找到“受限类别预览”类别并尝试进入：
> 
> ![image](https://global.discourse-cdn.com/meta/original/3X/6/1/61a2a143216f2a8010b6430b97b11354c88ed774.png)

我认为预览已损坏，因为

> [@tshenry](#):
>
> 目前这对于带框的类别样式将不起作用。

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年八月18日 04:14 UTC](https://meta.discourse.org/t/category-previews/155296/43 "2024-08-18T04:14:12Z")

</div>

您需要使用 #Customization > Theme component 来选择非框式分类样式。该功能此前已集成到核心中，但后来被移至主题组件。

> [@类别徽章样式](https://meta.discourse.org/t/category-badge-styles/285320?u=heliosurge):
>
> discourse2摘要 分类徽章样式 替换了已弃用的 category\_style 管理员设置的功能 : eyeglasses: 预览 [在 Discourse 主题创建器上预览](https://discourse.theme-creator.io/theme/Discourse/category-badge-style-box)（方框） [在 Discourse 主题创建器上预览](https://discourse.theme-creator.io/theme/Discourse/category-badge-style-bar)（条形） : hammer\_and\_wrench: 仓库 [https://github.com/discourse/discourse-category-badge-styles](https://github.com/discourse/discourse-category-badge-styles) : question: 安装指南 [如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) 安装此主题组件 功能 随着 category\_style 管理员设置的更改，将分类徽章样式设置为方框、条形或无的功能已移至此主题组件。您可以在此处阅读有关此更改的更多信息： 示例 设置 只有一个简单的设置： 名称 描述 分类徽章样式 分类徽章的所需样式 discourse2 由我们托管？ …

[上一頁](https://meta.discourse.org/t/category-previews/155296.md?page=1)

[下一頁](https://meta.discourse.org/t/category-previews/155296.md?page=3)
