添加图像链接以在markdown中提供锚点/ ref点

Question

要引用可以在config中使用的标头：

'markdown.extensions.toc': {'permalink': ''}

但是如何为鹈鹕博客链接提供专用的基于ID的图像，以便图像从文本中引用图像？

  

例如。请参阅图1＃其中“图1”是博客中图像的链接

Answer 1

您可以使用Python-Markdown的Attribute List扩展程序。

首先，在Pelican配置文件中启用扩展程序：

'markdown.extensions.attr_list': {}

使用“属性列表”扩展，您可以通过在项目后面添加属性列表来定义任何内联项目所需的任何属性。所以，对于图像来说：

![some image](image.jpg){ #image_id }

然后，在文档的其他位置，您可以链接到该图像：

[link to image](#image_id)

请注意，属性列表是一种非标准的Markdown功能，只有少数Markdown实现支持。因此，如果您尝试在其他地方使用它，它不太可能工作。但是，无处不在的是原始HTML。只需将图像定义为原始HTML：

<img alt="some image" id="image_id" src="image.jpg" />

请注意，id是使用id="image_id"定义的。您可以使用与上述相同的方式链接到该链接。