Markdown 图像标题

Question

我有一个包含图像的简单 Markdown 文件：

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

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

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>

Answer 2

我不喜欢 Markdown 中的 HTML。这就是为什么这里有一个用简单的降价来解决这个问题的想法。降价（将两个

css-classes

设置为

p

包装器）和

logo_caption

包装器内的

p

。

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 中测试。

Answer 3

<figure>
<p align="center" width="100%">
  <img src="figures/init_result.png" alt="init_result" style="width:100%">
  <figcaption><h2 align="center">Fig.1 - Initial result caption.</h2></figcaption>
  </p>
</figure>