How to use AMP in jekyll?

Help
1

I have gone throught the AMP start guide, but they have not mentioned anything about Jekyll.

Is there any kind of special modification, we need to do for the jekyll website to use AMP in it?

2

There are several AMP themes, which you might be able to use or adapt:

https://github.com/search?utf8=✓&q=jekyll+amp+theme

1 Like
3

Yes. You need to include the AMP scripts in your layout. And do some markup changes for things like AMP images.

There are several Jekyll AMP themes out there to give you an idea of what needs to be done. There is also a Jekyll plugin which does some of the AMP markup generation for you.

1 Like
4

I was going through the AMP documentation and they were saying to change all the <img> to <amp-img>.

But how to do that, because in the markdown files. We add this only

![Text](link)

and the output is

<img src="link" alt="Text">

so how to change <img> to <amp-img>.

5

The amp-jekyll plugin mentioned by @mmistakes has a filter that converts img to amp-img.

6

Can I use it with gh-pages?

7

Github Pages only supports a few plugins. the full list doesn’t mention AMP, but you might want to double-check.

8

Sorry to write in an old thread, but the way I did it with my site build it AMP-first with Jekyll.

1 Like