默认情况下,Discourse 会打包来自优秀的 FontAwesome 库的图标。但市面上有很多可免费使用的图标库。本主题旨在介绍替代图标集。这里列出了一些你可以立即尝试的主题组件,同时也介绍了如何贡献内容,以便 Discourse 支持其他图标集。
替代图标集
如果你有兴趣尝试不同的图标集,以下是一些可供你尝试的主题组件列表:
(如需了解如何在你的 Discourse 站点中安装这些仓库中的某一个,请参阅如何安装主题或主题组件。)
这些组件仍在开发中。你可以使用它们,但请注意,核心功能中的每一个图标可能都没有合适的替代项。(不过,我们欢迎贡献,详见下文。)
一些截图:
Feather 图标(使用 WCAG 深色配色方案)
Heroicons(使用 WCAG 浅色配色方案)
Unicons(使用灰色琥珀色配色方案)
Phosphor Duotone(使用 WCAG 浅色配色方案)
贡献
主题开发者和设计师,本节是为你准备的。
上述组件是使用 discourse-alt-icons 实用程序仓库生成的,该仓库简化了用其他开源图标集中的图标替换 Discourse 核心图标的工作。该仓库的核心是一个构建脚本,它根据图标名称映射的 JSON 文件生成主题组件。
我们欢迎并鼓励大家做出贡献。 Discourse 使用了许多来自 FontAwesome 的图标,从其他图标集中寻找匹配项是一项有趣但耗时的工作。如果你想帮忙,可以拉取 discourse-alt-icons 仓库,并按照 readme 中的步骤为尚未有匹配项的图标添加映射。
支持其他图标集
请在下方回复中提出添加对其他图标集支持的建议。或者,更好的是,只需稍作努力,你就可以向 discourse-alt-icons 仓库发送拉取请求(pull request)。请注意,只有拥有非常宽松的许可证(即必须允许修改、分发和私人使用)的图标集才会被考虑。
本文档受版本控制 - 请在 github 上建议更改。
30 个赞
如果有人想贡献一套图标,但还没有具体想法:
采用 MIT 许可,由 tailwindlabs.com 的团队设计。
4 个赞
pmusaraj
(Penar Musaraj)
4
不错的建议,我已添加此内容,并更新了原帖附上了截图。它的图标不多,例如,作曲家工具栏就没有图标,但它已有的图标相当不错。谢谢!
2 个赞
这是否意味着 Google Fonts 不在考虑范围内?
pmusaraj
(Penar Musaraj)
6
Google 的 Material Icons 许可证足够宽松。但他们的仓库体积庞大,查找每个图标的路径可能耗时。
1 个赞
Radu
(Radu)
8
请问我们是否可以获得 Phosphor Regular 图标?
2 个赞
pmusaraj
(Penar Musaraj)
9
只需稍加努力,您(或任何人)就可以从双色存储库创建一个 Phosphorus Regular 存储库。如果我们有存储库,我很乐意在此列表进行审查并将其包含在内。
2 个赞
Radu
(Radu)
10
那将是惊人的。我们应该默认在 /admin 中有一个图标集列表,因为 FontAwesome 有点丑。
Jagster
(Jakke Flemming)
11
丑陋是品味问题。但如今 Font Awesome 提供的免费图标数量确实有限。
另一方面——有多少图标真的好看 
Canapin
(Coin-coin le Canapin)
13
看起来当我们加载其中一组图标时,缺失的图标没有被默认的 Font Awesome 图标替换,所以它只是空白的,不太好用…… 
我喜欢 feather 集合,但它缺少许多有用的图标。
我在仓库上做了一个 PR。一些更改远非完美,但一个不好的图标总比没有图标好 
以下是所有新增的图标(糟糕的风格编码页面,过时的“替代”列)
https://canapin.dev/discourse/feather-icons/
主要和不太好的更改:

信用卡在形状上最接近 address-card。其他替代品可以是合上的或打开的书……

最好的选择是准星(crosshair)。一个简单的笔形状相当相似,但它是一个笔,而且已经被用于编辑了。

没有接近的。在我看来,最合适的图标是 CPU 图标。我在 PR 中弄错了,使用了 Zap 图标,所以我将发送另一个 PR 来解决这个问题。
2 个赞
Canapin
(Coin-coin le Canapin)
14
我刚注意到 Lucide 图标:
这是 Feather 的一个分支,它是最新的。Feather 只有 287 个图标,而 Lucide 有 1701 个(当然,它们拥有了大多数甚至全部缺失的图标)。
这两个图标集都受 MIT 许可。
所以我想在这种情况下应该放弃对 Feather 的支持,并替换为 Lucide。
我的拉取请求现在看起来有点没有意义了 
也许我可以尝试为这个图标集创建一个仓库,如果得到团队的批准……
3 个赞
不相关,但当访问 https://canapin.dev 时,滚动到底部并点击 Virtualmin 的论坛,它竟然是 Discourse
!
1 个赞
Canapin
(Coin-coin le Canapin)
16
我已经为 Discourse 制作了几乎全部的 Lucide 图标集,但我在哪里可以找到 Discourse 核心使用的图标的完整列表,这样我就不会遗漏任何一个?
这个模板 discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub 缺少了一些。一个例子是调色板
Moin
17
可能会有所帮助。
插件和组件可以添加额外的图标。我不确定如何在其中找到流行的图标。查看那些被 #included-in-core 的插件可能是有意义的。所以搜索类似 Repository search results · GitHub 的内容可能会起作用。
1 个赞
可以在设置中添加其他图标吗?看起来缺少报纸、麦克风和游戏手柄图标。
Canapin
(Coin-coin le Canapin)
20
好的。我还需要在编辑器中修复字体大小图标。
编辑:我可能误解了,我不确定我们是否可以在组件外部替换新图标集中的 discourse 图标 
1 个赞
Canapin
(Coin-coin le Canapin)
21
哎呀,
要获取 Discourse 中包含的图标的完整列表,请前往您的 Discourse 实例中的 /styleguide。
来自 GitHub - discourse/discourse-alt-icons · GitHub
我猜这就是人工智能对我的影响,我甚至都不再阅读手册了 
我在 /styleguide 或 discourse/lib/svg_sprite.rb at main · discourse/discourse · GitHub 中找不到它们。它们在 Discourse 中哪里被使用?
3 个赞