Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not able to render GIF from markdown to html github pages #1215

Closed
goswami-rahul opened this issue Jul 14, 2018 · 7 comments
Closed

Not able to render GIF from markdown to html github pages #1215

goswami-rahul opened this issue Jul 14, 2018 · 7 comments

Comments

@goswami-rahul
Copy link

goswami-rahul commented Jul 14, 2018

I have inserted my the GIF in the README.md as the following, using HTML tag,

https://github.com/goswami-rahul/alien-invasion-game/blob/027071489c12df633d362351364b642443a4415f/README.md#L8

<img src="https://github.com/goswami-rahul/alien-invasion-game/blob/master/assets/demo.gif" width=1000>

It is displayed correctly in the README, but when I open the repo in the github.io website, the html code is displayed as normal text, rather than rendering it as GIF. I inspected and found it to be rendered as:

<p>&lt;img src=”https://github.com/goswami-rahul/alien-invasion-game/blob/master/assets/demo.gif” width=1000&gt;</p>

What should I do to render it correctly?

@kivikakk
Copy link
Contributor

The problem here is that Markdown on GitHub.com is rendered with our CommonMark-compatible renderer, but Pages by default uses kramdown.

You can have Pages use the same renderer by creating a file called _config.yml in the root of your repository with the following contents:

markdown: GFM

Let me know if this works for you!

@shawnajean
Copy link
Member

👋 I'm going to go ahead and close this out. If you're still having trouble with your images on your Pages site, please reach out to the support team. They'll be able to take a closer look for you.

@OtenMoten
Copy link

The problem here is that Markdown on GitHub.com is rendered with our CommonMark-compatible renderer, but Pages by default uses kramdown.

You can have Pages use the same renderer by creating a file called _config.yml in the root of your repository with the following contents:

markdown: GFM

Let me know if this works for you!

Works for me.

Sent you a tip of 1.0 BAT

Thank you Sir

@tgautam03
Copy link

I am trying to do this, but I'm getting an error.

Markdown processor: "GFM" is not a valid Markdown processor.
                    Available processors are: kramdown
                    
  Conversion error: Jekyll::Converters::Markdown encountered an error while converting '_posts/2021-10-31-CacheBasics.markdown':
                    Invalid Markdown processor given: GFM
             ERROR: YOUR SITE COULD NOT BE BUILT:
                    ------------------------------------
                    Invalid Markdown processor given: GFM

@Balance2020Happiness2021
Copy link

@Balance2020Happiness2021

Hi, what do I need to do
I need help please

@thapasamir
Copy link

Add this to your _config.yml to enable GitHub Flavoured Markdown for kramdown.

kramdown:
input: GFM

jtb324 added a commit to belowlab/drive that referenced this issue Mar 31, 2023
mewilliams added a commit to mewilliams/mewilliams.github.io that referenced this issue Jul 2, 2024
changed markdown to markdown: gfm for gif (github/markup#1215)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants