自定义标题链接（图标）

[Johani (Joe)]

@MichelleBarnett

但还是无法获取 LinkedIn

对于 LinkedIn，你可以在此设置中使用 fab-linkedin 作为图标名称

但由于该图标不包含在 Discourse 默认使用的图标集中，你还需要在组件的其他设置中添加它。

对我来说，效果如下所示

@MichelleBarnett

我可以上传公司的 Logo 并将其用作图标吗？

当然可以，本主题中有一个部分专门介绍如何添加自定义图标。

Introducing Font Awesome 5 and SVG icons

See also: We're upgrading our icons to Font Awesome 6! We will shortly merge into master a branch that upgrades Discourse to Font Awesome 5.5.0 (the free version) and switches to using SVG icons instead of an icon font. This is a substantial change, with lots of benefits, and one significant change for developers. Here is a quick rundown of the changes: using SVG icons will provide crisper icons, better for accessibility and easier to customize, see this Github article for more details since…

设置完成后，你就可以在此主题组件中使用任何你添加的自定义图标了。请查看该链接，如果遇到问题请告诉我。

@awesomerobot

也许你应该把这个图标的名称加上 @Johani？

我已经进行了这项更改，并在此处添加了一些其他实现改进

DEV: removes jQuery and improves implementation

@dylanh724

如果你想更改图标的颜色

新更新会根据你使用的标题为每个链接添加带唯一前缀的类。例如，如果你使用

facebook, fab-facebook, https://facebook.com, vdm, blank

该链接将拥有类

header-icon-facebook

模板为 header-icon-ICON-TITLE

然后你可以像这样通过 CSS 针对它进行样式设置

.d-header-icons {
  .header-icon-facebook svg {
    fill: #4267b2;
  }

  .header-icon-twitter svg {
    fill: #1da1f2;
  }

  // 在此处添加更多图标
}

结果将类似于下图所示