在Pelican属性添加到img标签
问题说明
我想向图像标签添加属性，以便从JavaScript库进行引用，如下所示.
I want to add attribute to image tag in order to reference from JavaScript library as below.
<img src="https://www.it1352.com/img/sample.png" data-action="zoom">
但是，作为鹈鹕的结果，我只能添加如下所示的alt，宽度，高度.
However, I only can add alt, width, height as I know as below as outcome from Pelican.
<img alt="thumbnail" src="https://www.it1352.com/images/mech2.jpg">
正确答案
如果使用的是Markdown(.md)文件来创建文章，则可以从字面上包括一个具有所需属性的图像元素:
If you're using a Markdown (.md) file to create your article, then you can literally just include an image element with any attributes you like:
<img alt="This one is just a literal element" src="https://www.it1352.com/{filename}/images/bar.png" data-action="zoom" >
将成为:
<p><img alt="This image is in Markdown format" src="https://www.it1352.com/images/foo.png"></p>
<p><img alt="This one is just a literal element" src="https://www.it1352.com/images/bar.png" data-action="zoom"></p>
对于reStructuredText(.rst)文章，您不能执行此操作； 根据文档仅支持有限的一组图像选项*，如果您只是尝试包含HTML内联，则会按原样呈现:
For reStructuredText (.rst) articles, you can't do this; per the documentation only a limited set of image options are supported*, and if you just try and include HTML inline it gets rendered out as-is:
.. image:: {filename}/images/foo.png
:alt: this is an RST image directive
<img alt="This one is just a literal element" src="https://www.it1352.com/{filename}/images/bar.png" data-action="zoom">
成为:
<img alt="this is an RST image directive" src="https://www.it1352.com/images/foo.png">
<p><img alt="This one is just a literal element" src="https://www.it1352.com/{filename}/images/bar.png" data-action="zoom"></p>
*具体为:alt，height，width，scale，align，target，class和name.
* Specifically: alt, height, width, scale, align, target, class and name.
这篇好文章是转载于：学新通技术网
