Jekyll ใช้ data-src สำหรับรูปภาพ

ตามที่ @JoostS แนะนำ คุณสามารถสร้างปลั๊กอิน โดยเฉพาะ แท็กของเหลวที่กำหนดเอง

ตัวอย่างเช่นการใช้:

<p>{% render_img http://example.com/myImage.gif "my alt text" %}</p>

คุณสามารถมีปลั๊กอิน render_img ใน _plugins/images.rb:

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)

ใช่ ฉันคิดว่าการสร้างปลั๊กอินของคุณเองเป็นทางออกที่ถูกต้อง (เท่านั้น) ที่นี่ รวมถึงเนื้อหาที่ทำให้เกิดมลภาวะและจาวาสคริปต์ไม่ใช่ตัวเลือกที่นี่จริงๆ