markdown - 如何在 Markdown 中将图标放在图像上-6ren

markdown - 如何在 Markdown 中将图标放在图像上

转载作者：行者123 更新时间：2023-12-04 01:17:59

27

4

有没有办法在 Markdown 中的图像上放置一个 fontawesome 图标？我将 youtube 视频的缩略图显示为链接，因此当您单击缩略图时，您会转到 youtube 视频，但我想显示这个

https://fontawesome.com/icons/play-circle?style=solid

图像上方的图标表示这是一个视频。这可能吗？

最佳答案

这对于原始 HTML 可能是可能的。
作为 Markdown rules状态:

HTML is a publishing format; Markdown is a writing format. Thus, Markdown’s formatting syntax only addresses issues that can be conveyed in plain text.

For any markup that is not covered by Markdown’s syntax, you simply use HTML itself.

当然，FontAwesome 使用字体作为显示图标的“黑客”，并且字体非常适合出版方面。因此，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">

如果您无权访问任何模板，那么您可能会发现只需添加上面的 link在 Markdown 文档的正文中就足够了。
然后在 Markdown 文档的正文中，您可以使用原始 HTML 来定义您的图标。

<i class="fas fa-play-circle"></i>

但是，请注意，如果 Markdown 是由第三方站点(如 StackOverflow)呈现的，那么出于安全原因，他们很可能会删除原始 HTML。在这种情况下，就不可能做你想做的事。
注意:原始问题有两个部分:(1)如何在 Markdown 中使用 FontAwesome 和(2)如何在视频缩略图上覆盖 FontAwesome 图标。我只回答了第一个问题。第二个的答案与 HTML 的答案相同，应该作为一个单独的问题提出。

关于markdown - 如何在 Markdown 中将图标放在图像上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53761824/

27

4

0

文章推荐： swiftui - TextEditor 的动态高度

文章推荐： unity3d - UI 上 Unity 粒子系统中的渲染问题

文章推荐： python - 从数据框中的每个组中删除特定的一组行

c# - 在C#中将 'var'的值初始化为null
这个问题在这里已经有了答案: How to initialize var? (11 个答案) 关闭 8 年前。我想给一个变量赋初值 null，并在下一个 if-else block 中赋值，但是编
javascript - 如何在 Babel 中将 * 导出为命名空间？
我正在使用 TypeScript 3.8 编写 JS 和 TS 混合的代码。我写了以下行: export * as Easing from './easing'; 应该是 fair game在 Typ
r - 在 R 中将 "/"更改为 "\"
我需要将 R 代码中的“/”更改为“\”。我有这样的事情: tmp <- paste(getwd(),"tmp.xls",sep="/") 所以我的 tmp是 c:/Study/tmp.xls 我希望
在 R 中将 cumsum 值重置为零
我有个问题。例如我有这个: id truth count 1 1 1 2 1 2 3 0 0 4 1 1 5 1 2 6 1
php - 在 Redbean 中将 IN 与其他条件一起使用
我正在尝试使用“IN”和“=”来查找一些 bean。我目前正在使用此代码: $ids = array(1,2,3,4); $user = 1; $things = R::find( 'thing'
在 Xcode 中将 iPhone 应用程序部署到别人的手机上
是否可以在 Xcode 中部署到其他人的手机上？我没有 iPhone，但我想测试我在 friend 手机上制作的应用程序。在我支付 99 美元之前，我想确保这不会造成麻烦。谢谢。最佳答案不会有任
不能在 C 中将 sscanf() 用于字符数组
我试图得到一个非常大的数字(超过 unsigned long long int )。所以我把它作为一个字符串，然后一个数字一个数字地转换成整数并使用它。 #include #include int
在 Rust 中将 C 指针转换为结构
我在 Rust 中有 C 语言库的绑定(bind)，但它们并不完整。在 C 代码中，我定义了一个简化的宏，如下所示: #define MY_MACROS1(PTR) (((my_struct1
javascript - 如何在 animate 中将 "+="赋值运算符与变量一起使用？
我正在努力解决这个问题。 http://jsfiddle.net/yhcqfy44/ 动画应该自动相对于滚动到顶部每次出现滚动条时的高度。我已经写了这个，但没有运气: var hheight =
在 Elixir 中将 JSON 字符串解析为整数
我正在处理一个将数字作为字符串返回的 JSON API。例如 "12" ，但是，该字段值也可以是非数字的，例如:"-" . 我已将 JSON 数据解析为映射，我想将此字段提取为 elixir 中的整数
c# - 在C#中将.wav文件转换为.aiff
我正在尝试编写一个类，将.wav文件转换为.aiff文件作为项目的一部分。我遇到了几个库Alvas.Audio(http://alvas.net/alvas.audio,overview.aspx)
在 Lucene 中将 n 个单词表达式索引为单个术语
我想在 Lucene 中将像“New York”这样的“复合词”索引为单个术语，而不是像“new”、“york”那样。这样，如果有人搜索“new place”，则包含“new york”的文档将不会匹
clojure - 在 clojure 中将 "or"操作定义为宏而不是简单地定义为函数有什么好处？
我希望这个解释能让我更好地了解使用宏的优点。最佳答案在函数中，所有参数在调用之前都会被评估。这意味着 or 作为函数不能是惰性的，而宏可以将 or 重写为 if 语句，该语句仅在以下情况下计算分
xslt - 不要在 XSLT 中将 > 转换为 >
我有一些看起来像这样的 XML foo ]]> (注意 > 登录 "> foo")和 XSLT 样式表当我运行xsltproc stylesheet.xs
kotlin - 如何在 Kotlin 中将 Any 转换到列表？
当我尝试将 Any 转换为 List 时，如下面的示例所示，我得到“Unchecked cast: Any!”到列表'警告。有没有解决此类问题的方法？ val x: List = objectOfTy
python - 在 Python 中将 & 转换为 &
我正在使用 Python 开发一个简单的爬虫。目的是创建一个 sitemap.xml。(你可以在这里找到真正的 alpha 版本:http://code.google.com/p/sitemappy/
excel - 在 VBScript 中将 IF 语句拆分为多行
我想知道在 VBScript 中是否可以在多行中中断 If 语句。喜欢: If (UCase(Trim(objSheet.Cells(i, a).Value)) = "YES") Or _ (UCas
java - 在 Java 中将 For 转换为 do while
for (String item : someList) { System.out.println(item); } 使用“do while”是否等效？谢谢。最佳答案如果列表为空，f
c - 在 C 中将 ","分隔列表拆分为数组的最佳方法是什么？
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: Split string with delimiters in C 在 C 中将“，”分隔的列表拆分为数组的最佳方法
在 C 中将 char 数组转换为整数数组
我有一个如下所示的字符数组: [0, 10, 20, 30, 670] 如何将此字符串转换为整数数组？这是我的数组 int i=0; size_t dim = 1; char* array = (c

首页

博学

6Ren·AI

商城

markdown - 如何在 Markdown 中将图标放在图像上