Премаилер с Джекиллом

Question

Я работаю над проектом, который имеет как статические веб-страницы, так и шаблоны электронной почты HTML.

Как вы, наверное, знаете, для электронных писем в формате HTML требуется, чтобы весь CSS был встроен, что является огромной болью в управлении. Большинство людей используют Premailer для автоматической обработки - https://github.com/premailer/premailer

Как мне использовать premailer с Jekyll для определенного макета?

Можно ли использовать premailer через плагин?

Answer 1

Да, ты можешь!

После того, как у вас есть premailer Установив, вы можете сделать плагин Jekyll, как этот:

require 'premailer'

module Jekyll
  class Site

    # create an alias for the overriden site::write method
    alias orig_write write

    # we override the site::write method
    def write

      # first call the overriden write method,
      # in order to be sure to find generated css
      orig_write

      # layout name we are looking for in pages/post front matter
      # this can come from site config
      @layout   = 'post'

      # this the css that will be inlined
      # this can come from site config
      @css_path = '/css/main.css'

      # look for generated css file content
      @cssPages = pages.select{ |page|
        page.destination(dest).include? @css_path
      }

      # look again in pages and posts
      # to generate newsletters with premailer
      newsletters = [posts, pages].flatten.select{ |page_or_post|
        page_or_post.data['layout'] == @layout
      }

      newsletters.each do |newsletter|

        newsletter.output = Premailer.new(
            newsletter.output,
            {
                # declare that we pass page html as a string not an url
                :with_html_string => true,
                # also pass css content as a string
                :css_string       => @cssPages.join,
            }
        ).to_inline_css;

        # rewrite the newsletter with inlined css
        newsletter.write(dest)

      end
    end
  end
end

Это общая идея о том, как интегрировать premailer с Джекилом. Код, безусловно, можно улучшить.

Примечание: я решил не использовать плагин Generator, потому что при вызове генераторов файлы sass и scss по-прежнему не анализируются, а сгенерированный css недоступен.