如何在Jekyll + Markdown

Question

我有一堆Markdown文件。在其中，我希望能够使用自定义项目符号和其他图像;这些是作为图像实现的（使用alt-text，但它们像图像一样漂亮）。用于创建其中一个图像的Markdown如下所示：

*![✨](https://s.w.org/images/core/emoji/2.2.1/svg/2728.svg)*

（是的，这是在<em> </em>内呈现的 - 这是为了简化CSS，因为我不能轻易地在img标签上放置一个类。）

有没有办法告诉解析器单个字符✨应该呈现为整个<img>标记？

该网站托管在GitHub页面上，因此答案需要限制自己使用GitHub Flavored Markdown。如果它不能轻易完成，我可以创建一个预提交钩子或者某个东西并运行一个本地解析器，但让它自动工作要容易得多。

Answer 1

  

...因为我不能轻易地在img标签上放一个课程。

如果你使用kramdown，你可以使用feature，它允许为块级元素分配属性。例如：

![img]({{ 'img.png' | relative_url }}){: .center }

将成为

<img src="...img.png" alt="img" class="center">

Answer 2

您可以将表情符号放在包含中，然后从帖子中引用它们。这与Github Pages兼容，因为它不需要插件。

在你的帖子中：

{% include emoji.html %}

这将加载_includes/emoji.html：

的内容

<a href="https://s.w.org/images/core/emoji/2.2.1/svg/2728.svg">✨</a>

您可以将参数传递给它，以根据您要加载的图片加载不同的图像，例如：{% include emoji.html image="stars" %}

另一种选择是创建加载它们的custom liquid tags。