现在在这段代码中哪里附加我的不和谐链接？

Question

我正在为一个项目制作一个网站。我使用 Font Awesome 作为导航栏社交媒体图标。起初，我找不到不和谐的链接。但在对 stackoverflow 进行研究后，我找到了一个可行的代码。现在我不知道在哪里附加该代码中的不和谐链接，因为我是初学者。

integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

Answer 1

您提供的代码片段似乎是对 Font Awesome 图标样式表的引用。要将 Discord 图标添加到导航栏并将其链接到您的 Discord 服务器，您可以按照以下步骤操作：

选择一个 Discord 图标： 首先，您需要选择一个合适的 Font Awesome 图标来代表 Discord。您可以在 Font Awesome 网站上找到完整的图标列表。

添加图标元素： 在 HTML 代码中，您需要添加一个 HTML 元素来显示图标。您可以使用该元素来实现此目的。这是一个例子：

<a href="YOUR_DISCORD_LINK_HERE" target="_blank">
  <i class="fab fa-discord"></i> <!-- Replace "fa-discord" with the appropriate icon class -->
</a>

替换“YOUR_DISCORD_LINK_HERE”： 将“YOUR_DISCORD_LINK_HERE”替换为您的 Discord 服务器的实际链接。确保添加 target="_blank" 属性以在新选项卡中打开链接。

添加 Font Awesome 类： 在该元素中，使用“fab”类来指定您使用的是 Font Awesome 中的品牌图标，然后为您选择的 Discord 图标使用特定的图标类（例如“fa-discord”）。

结果代码： 添加 Discord 链接后您的代码如下所示：

<a href="YOUR_DISCORD_LINK_HERE" target="_blank">
  <i class="fab fa-discord"></i>
</a>

链接到 Font Awesome 样式表： 确保您已在您的部分中包含 Font Awesome 样式表，以便正确显示图标。您可以使用您提到的提供的代码片段：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
  integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

就是这样！通过这些步骤，您将成功地将 Discord 图标添加到导航栏并将其链接到您的 Discord 服务器。