ジキル画像にdata-srcを使用

Question

ジキルを使用私はすべての画像にsrcの代わりにdata-srcを使用しようとしています。

どうすればいいですか？自分のプラグインを作成しますか？ は、私には、使用しないと思う私はこのような画像を追加している今...

偉大なオプションです：

![my alt text]({{"http://example.com/myImage.gif"}}) 

私はrelated issuesを見てきましたが、答えは常に使用することをお勧めします外部ライブラリ。それ以上に真剣に進む方法はありませんか？

Answer 1

はい、私はあなた自身のプラグインを作成することが、ここでの（唯一の）正しい解決策だと思います。汚染されたコンテンツの原因を含み、javascriptは実際にはオプションではありません。

Answer 2

@JoostSで提案されているように、プラグイン、具体的にはカスタム液体タグを作成できます。使用例

：

module Jekyll 
    class RenderImgTag < Liquid::Tag 

    def initialize(tag_name, variables, tokens) 
     super 
     @variables = variables.split(" ", 2) 
     @url = @variables[0] 
     @alt = @variables[1] 
    end 

    def render(context) 
     "<img data-src='#{@url}' alt='#{@alt}' />" 
    end 
    end 
end 

Liquid::Template.register_tag('render_img', Jekyll::RenderImgTag)