有没有办法在 Markdown 中的图像上放置一个 fontawesome 图标？我将 youtube 视频的缩略图显示为链接，因此当您单击缩略图时，您会转到 youtube 视频，但我想显示这个
https://fontawesome.com/icons/play-circle?style=solid
图像上方的图标表示它是视频。这可能吗？
【问题讨论】：
标签： markdown font-awesome
这对于原始 HTML 来说是可能的。
作为 Markdown rules 状态：
HTML 是一种发布 格式； Markdown 是一种写作 格式。因此，Markdown 的格式化语法只解决了可以用纯文本表达的问题。
对于 Markdown 语法未涵盖的任何标记，您只需使用 HTML 本身。
当然，FontAwesome 使用字体作为“hack”来显示图标，而字体在发布方面非常重要。因此，Markdown 不支持在文档的某些部分设置不同的字体。这不是可以用“纯文本”传达的东西。整个文档被假定为由显示文档的程序/工具定义的单一字体，而不是文档本身。
因此，您需要回退到使用原始 HTML。只需包含显示 FontAwesome 图标所需的适当 HTML 和/或 CSS。根据您的设置，执行此操作的最佳方法可能非常。
当然，Markdown 通常只生成 HTML 片段，需要将这些片段传递给某个模板来创建完整的 HTML 文档。如果您有权访问正在使用的模板，则应编辑它们以包含指向必要 CSS 的链接。根据Font Awesome site，在模板的<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">
如果您无权访问任何模板，那么您可能会发现只需在 Markdown 文档的正文中添加上述link 就足够了。
然后在您的 Markdown 文档正文中，您可以使用原始 HTML 来定义您的图标。
<i class="fas fa-play-circle"></i>
但是，请注意，如果 Markdown 是由第三方网站（如 StackOverflow）呈现的，那么出于安全原因，他们很可能会删除原始 HTML。那样的话，就不可能做你想做的事了。
注意：最初的问题有两个部分：（1）如何在 Markdown 中使用 FontAwesome 和（2）如何在视频缩略图上覆盖 FontAwesome 图标。我只回答了第一个问题。第二个问题的答案与 HTML 相同，应作为单独的问题提出。
【讨论】：