Jekyll menggunakan data-src untuk gambar

Menggunakan Jekyll saya mencoba menggunakan data-src daripada src untuk semua gambar saya.

Apa cara terbaik untuk melakukannya? Buat plugin saya sendiri? Saya tidak berpikir menggunakan penyertaan adalah pilihan yang bagus...

Saat ini saya menambahkan gambar seperti ini:

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

Saya telah melihat masalah terkait namun jawaban selalu merekomendasikan untuk menggunakan perpustakaan eksternal. Apakah tidak ada cara yang lebih mudah untuk melakukannya?


jekyll liquid jekyll-extensions
person Alvaro    schedule 23.11.2017    source sumber

Jawaban (2)


arrow_upward
2
arrow_downward

Seperti yang disarankan oleh @JoostS, Anda dapat membuat plugin, lebih khusus lagi tag cair khusus.

Misalnya menggunakan:

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

Anda dapat memiliki plugin render_img di _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)
person marcanuy    schedule 23.11.2017
comment
Terima kasih. Kerjakan. - person Fatih Hayrioğlu; 21.03.2018

arrow_upward
0
arrow_downward

Ya, menurut saya membuat plugin sendiri adalah (satu-satunya) solusi yang tepat di sini. Termasuk menyebabkan konten tercemar dan javascript sebenarnya bukan pilihan di sini.

person JoostS    schedule 23.11.2017
comment
Mengenai pembuatan plugin.. saya tidak menemukan dokumen yang sangat jelas atau lugas. Saya mengalami masalah saat membuat tag <img. Bahkan ketika menggunakan ` ‹‹-MARKUP.strip` sepertinya itu dikodekan. - person Alvaro; 23.11.2017