Esto se arma de dos patadas!

La verdad la tarea es muy sencilla si has usado ruby on rails seguramente ya sabes como instalar gemas en un archivo Gemfile, es exactamente igual, te enumero los pasos.

NOTA: Mucho cuidado! Existe otra gema llamada bridgetown-inline-svg pero ya esta en Modo de Mantenimiento así que no es recomendable usarla.

La gema que estamos usando es la siguiente bridgetown-svg-inliner, tiene compatibilidad con la ultima versión de Bridgetown y la licencia es MIT.

• Agrega la gema a tu Gemfile

group :bridgetown_plugins do
  gem "bridgetown-svg-inliner"
end

• Ejecuta bundle install en la terminal.

  # el la carpeta principal, en mi caso es juanvqz.github.io
  bundle install

• Listo! ya puedes usar archivos svg desde una etiqueta svg, mira!

<!--  formato liquid -->
{% svg "images/github.svg" %}

# formato erb
<%= svg "images/youtube.svg" %>

NOTA: Si copia el código anterior, remover el símbolo de gato.

• No es necesario usar la ruta completa desde la raiz del projecto, basta con la ruta relativa que apunta a la carpeta de imagenes que proporciona Bridgetown por default en:

proyecto/src/images

Para información más detallada revisa el README de la gema, por favor.

Sin mas por el momento me despudo de Usted, Don Joaquin!