降价图像标题

Question

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

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

我正在使用 GitHub 查看器，在那里我可以很好地看到图像，但是没有标题/说明。有什么办法可以解决吗？

Answer 1

Markdown 的 link / 图片标题与说明不一样，Markdown 本身不支持说明。

然而，自从 Markdown supports inline HTML, you can caption images using <figure> and <figcaption>.

这是来自先前 MDN link 的示例：

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

降价图像标题

Markdown image titles

markdown

image