Tru*_*uls 3 markdown font-awesome
有没有办法在 Markdown 中的图像上放置一个 fontawesome 图标？我将 youtube 视频的缩略图显示为链接，因此当您单击缩略图时，您会转到 youtube 视频，但我想显示这个
https://fontawesome.com/icons/play-circle?style=solid
图像上方的图标表示这是一个视频。这可能吗？
这对于原始 HTML 可能是可能的。
正如 Markdown规则所述：
HTML 是一种发布格式；Markdown 是一种书写格式。因此，Markdown 的格式化语法仅解决了可以以纯文本形式传达的问题。
对于 Markdown 语法未涵盖的任何标记，您只需使用 HTML 本身。
当然，FontAwesome 使用字体作为显示图标的“黑客”，而字体在发布方面非常重要。因此，Markdown 不支持在文档的某些部分设置不同的字体。这不是可以用“纯文本”传达的东西。假设整个文档采用由显示文档的程序/工具而不是文档本身定义的单一字体。
因此，您需要回退到使用原始 HTML。只需包含显示 FontAwesome 图标所需的适当 HTML 和/或 CSS。根据您的设置，执行此操作的最佳方法可能非常有用。
当然，Markdown 一般只生成 HTML 片段，这些片段需要传递给某个模板才能创建完整的 HTML 文档。如果您有权访问正在使用的模板，则应编辑它们以包含指向必要 CSS 的链接。根据Font Awesome 网站，在<head>您的模板中使用它：
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
如果您无权访问任何模板，那么您可能会发现只需link在 Markdown 文档正文中添加上述内容就足够了。
然后在 Markdown 文档的正文中，您可以使用原始 HTML 来定义您的图标。
<i class="fas fa-play-circle"></i>
但是，请注意，如果 Markdown 是由第三方站点（如 StackOverflow）呈现的，那么出于安全原因，他们很可能会删除原始 HTML。在这种情况下，就不可能做你想做的事。
注意：原始问题有两个部分：（1）如何在 Markdown 中使用 FontAwesome 和（2）如何在视频缩略图上覆盖 FontAwesome 图标。我只回答了第一个问题。第二个的答案与 HTML 的答案相同，应该作为一个单独的问题提出。
| 归档时间： |
|
| 查看次数： |
4692 次 |
| 最近记录： |