在Markdown Jekyll中使用图片标题
我在Github上托pipe一个Jekyll博客，并用Markdown写我的post。 当我添加图像时，我按照以下方法进行：
然后在文本中显示图像。
但是，如何告诉Markdown添加图像下方或上方显示的标题？
如果你不想使用任何插件（这意味着你可以直接推送到GitHub而不直接生成站点），你可以在_includes创build一个名为image.html的新文件：
<table class="image"> <caption align="bottom">{{ include.description }}</caption> <tr><td><img src="{{ include.url }}" alt="{{ include.description }}"/></td></tr> </table>
（显然我不是一个devise师，你可能应该使用CSS而不是一个表来使你的图像正确alignment）
然后显示你的降价图像：
{% include image.html url="http://img.dovov.commy-cat.jpg" description="My cat, Robert Downey Jr." %}
我知道这是一个古老的问题，但我想我仍然会分享我添加图像标题的方法。 你将无法使用caption或figcaption标签，但这将是一个简单的select，而不使用任何插件。
在你的Markdown中，你可以用重点标签来包装你的标题，并将其直接放在图片的下面，而不需要像下面这样插入一行：
 *image_caption*
这将生成以下HTML：
<p> <img src="path_to_image" alt> <em>image_caption</em> </p>
然后，在CSS中，您可以使用以下select器对其进行设置，而不会干扰页面上的其他电子标签：
img + em { }
请注意，图像和标题之间不能有空行，因为这样会产生：
<p> <img src="path_to_image" alt> </p> <p> <em>image_caption</em> </p>
你也可以使用你想要的其他标签。 只要确保有一个标签，否则你将无法devise它。
如果您只是添加偶尔的标题，并且想要使用更多的语义 <figure>和<figcaption>考虑将该html添加到您的markdown文档中：
Lorem ipsum dolor sit amet, consectetur adipiscing elit... <figure> <img src="{{site.url}}/assets/image.jpg" alt="my alt text"/> <figcaption>This is my caption text.</figcaption> </figure> Vestibulum eu vulputate magna...
它比搞插件简单得多， Markdown鼓励embeddedHTML ，所以它会显示得很好。
你可以尝试使用pandoc作为你的转换器。 这是一个jekyll插件来实现这一点。 Pandoc将能够自动添加一个与您的alt属性相同的数字标题。
但你必须推动编译的网站，因为github不允许在Github页面插件的安全性。
你可以用这个表。 它工作正常。
|  | |:--:| | *Space* |
结果：
在顶部投票回答 ，我发现稍微更明确一点点即兴使用jekyll语法添加一个类的东西，然后这样的风格。
所以在这篇文章中你会有：
 {:.image-caption} *The caption for my image*
然后在你的CSS文件中，你可以做这样的事情：
.image-caption { text-align: center; font-size: .8rem; color: light-grey;
出来看起来不错！
这是最简单的（但不是最漂亮的）解决scheme：围绕整个事情做一个表格。 显然有缩放问题，这就是为什么我给我的例子与HTML，以便您可以轻松地修改图像大小。 这对我有效。
| <img src="" alt="" style="width: 400px;"/> | | My Caption |
