如何使用Jekyll在图像标签周围包装锚标签？

Question

我正在使用WebLinkValidator验证我网站中损坏的链接和图像。但我正在使用延迟加载我的图像。所有图像源路径都保存在HTML标记的data-source属性中，如下所示。但是weblink验证器不会验证我的原始图像路径。

<img src="default-image.png" data-source="original-image.png"/>

为了克服这个问题，我计划在这个图片标签周围包装一个锚标签，如下所示。

<a href="original-image.png">
   <img src="default-image.png" data-source="original-image.png"/>
</a>

为此，我在Jekyll插件中使用了以下代码，但我无法得到结果

```

要求'kramdown' 要求'nokogiri' 模块Jekyll   class UpcaseConverter＆lt;变流器     安全的     优先级：低

def matches(ext)
  ext =~ /^\.md$/i
end

def output_ext(ext)
  ".html"
end

def convert(content)
    content = convert(super(content))
end

def convert(content)
    doc = Nokogiri::HTML.fragment(content)
    doc.css('img').each do |image|
        image.wrap("<a href='"+ image['data-source'] +"'></a>")
    end

    return doc.to_s
end

端 端

```