Markdown图像标题

Question

我有一个简单的 Markdown 文件，其中包含一张图片：

![image](MyLovelyImage.png "some title")

我正在使用GitHub查看器，在那里我可以看到图片，但是没有标题/说明文字。 有没有什么办法解决这个问题？

- OrenIshShalom

Answer 1

Markdown的链接/图片标题与说明不同，并且Markdown本身不支持说明。

然而，由于Markdown支持内联HTML，因此您可以使用<figure>和<figcaption>来说明图片。

以下是来自前面提到的MDN链接的示例：

<figure>
  <img
  src="https://developer.mozilla.org/static/img/favicon144.png"
  alt="The beautiful MDN logo.">
  <figcaption>MDN Logo</figcaption>
</figure>

- Chris

Answer 2

我不喜欢在Markdown中使用HTML。因此，这里提出了一个用纯Markdown解决它的想法。Markdown（将两个css-classes设置为p-wrapper）和p-wrapper内的logo_caption。Title和Alt已经存在。

{: .cssclass1 .cssclass2 }
![Logo](/assets/img/logo.jpg "Logo title")
*logo_caption*

输出为HTML

<p class="cssclass1 cssclass2">
  <img src="/assets/img/logo.jpg" alt="Logo" title="Logo title">
  <em>logo_caption</em>
</p>

样式可以在CSS中完成。

在jekyll v4.2和kramdown中进行了测试。

- KargWare

---

(a) 从一开始，HTML 就是Markdown中的一等公民。你可能不喜欢它，但它是其潜在设计哲学的一部分。(b) 在Markdown中，{：.class}语法是没有意义的。它可能在特定工具或使用特定扩展时有意义。但你不能仅仅将其插入到任意Markdown文件中并期望它能做些什么。(c) 在这里，段落和强调的语义不够清晰。内联 HTML 允许我们选择更加合适的标签。 - Chris