# 分类图标

**URL:** <https://meta.discourse.org/t/category-icons/104683>\
**Category:** Theme component\
**Tags:** official, deprecated, category-icons\
**Created:** [2018年十二月19日 16:22 UTC](https://meta.discourse.org/t/category-icons/104683 "2018-12-19T16:22:44Z")\
**Posts on this page:** 1\
**Showing post:** 179

<div class="post-metadata">

**Author:** ![carson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/carson/32/280685_2.png) [@carson](https://meta.discourse.org/u/carson)\
**Post date:** [2023年一月9日 05:21 UTC](https://meta.discourse.org/t/category-icons/104683/179 "2023-01-09T05:21:51Z")

</div>

我添加了 3 个我一直想看到的功能。

## 功能 1 — 将类别徽标用作类别图标

只需在类别设置下的“类别设置 \> 图片 \> 类别徽标图片”中上传 SVG 或 PNG 文件即可。无需再麻烦自定义精灵图！

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/1/c/e1c517ea257d9b1f17b026ac5f5c543edefa0ff2.png)

#### 设置

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/a/5/ea5816ee895c042601988be40c7a2bbfb619c664.png)

> [@mattdm](#):
>
> 老实说，理想情况下，与其使用这种笨拙的基于表格的配置，不如在每个类别的实际配置页面上设置它，那会非常好。

我同意这一点，如果所有配置都可以在各自的类别页面上完成，那将是非常好的。我认为这个功能是下一个最接近的解决方案，如果你愿意将类别徽标用作类别图标的话。

* * *

此外，您现在可以使用 2 种类型的表情符号！

## 功能 2 — 将原生系统表情符号用作类别图标

只需使用 iOS、macOS 或其他设备上的原生表情符号键盘输入单个 Unicode 表情符号字符即可。

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/f/6/bf6f7318ddda34ce7b8a229cedba1140f09f9e4b.png)

#### 设置

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/d/2/9d2163b9f40876aa3e28490dfd1abfeca44f0079.png)

* * *

## 功能 3 — 将 Discourse 表情符号用作类别图标（+ 专业提示！）

使用 Discourse 的托管表情符号集！只需键入表情符号的简写，例如 `:grinning:`，它将呈现为 → 😀

### 专业提示

如果您想上传自定义类别图标而不替换类别徽标，这是一个很好的解决方案。只需在“管理员 \> 自定义 \> 表情符号”下将图标上传为表情符号。然后，使用表情符号的“简写”。

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/9/9/29911ff272112a8e155b8e39440a2d78d1588d2b.png)

#### 设置

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/e/f/1ef5faffdaf228586515a0f8ff2d6f666367db3a.png)

* * *

原生表情符号、Discourse 表情符号和 Font Awesome 图标都可以混合搭配使用，如果您喜欢这样的话……

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/5/d/45d7f5c56e2e734b8f6848cd357aebb728380665.png)

#### 设置

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/1/b/41b2f34c3176ebfe6f4fd9c923607940e4ed3ed8.png)

* * *

在开发此功能的过程中，我有一些问题 @pmusaraj —

> [@mattdm](#):
>
> 我认为匹配存在一些错误。我有一个类别 `commblog`，但无法为 `commblog-review` 类别分配图标。我最终通过将其命名为 `community-blog-review` 来解决这个问题。（`match` / `partial` 配置似乎没有帮助，但也许我做错了。）

我们能否完全删除 `partial` 选项，并用类别 ID 替换类别 slug，以解决子类别共享相同 slug 的问题？如果我想为共享相同 slug 的子类别设置不同的图标，这也会是一个解决方案。因为 ID 更具唯一性，所以它们似乎是合乎逻辑的方法，并且不易出错（除非它们删除了类别，我猜，但这是否会重新分配所有类别 ID？）。

另外，`svg-icons` 设置是否仍然是必需的？（即使没有在那里指定，Font Awesome 图标仍然可以渲染。）

> **[GitHub - discourse/discourse-category-icons at v2](https://github.com/discourse/discourse-category-icons/tree/v2)**
>
> v2

---

_[View the full topic](https://meta.discourse.org/t/category-icons/104683)._
