jekyll-blog | ‍ This is my personal programming blog built using Jekyll | Blog library

I have made a blog using github page but the image is not loading.I have tried all things but I am still stuck with it. The link to my github code is here

The problem is in the file _posts/2017-04-02-Kronothon.md and the image is in /assets/Kronothon1.png .

Please help me out with this. You can see the blog post here

I'm hosting my static site (built with Jekyll) on Amazon S3. S3 buckets need the URLs to end with .html. Since I want clean URLs, I went ahead and added a trailing slash to the permalink attribute in my _config.yml. Now, my links are like https://blog.domain.com/2017/07/post-slug/

This means that each post in the blog would have a separate folder and an index.html within it.

What are the disadvantages to this approach? Or is there an alternate approach to move-file-and-rename as detailed in this post?

All of my attempts so far at programmatically removing the extension and setting the file type have been unsuccessful because of the setup I'm using.

I have some problems with seeing blog posts on github.

When I clicked on the blogs site, this is what happened

Can someone help me out ? The blog works perfectly fine on local host but not on github site. I'm grateful.
This is my website : blog-kiettran.com
This is my github repo : https://github.com/khtran1994/my-jekyll-blog

I'm searching (for severals hours now) how to add an image to a page on my Jekyll website hosted by Github page.

I already read lots of post where solutions are given but none of them seems to work. However the Markdown syntax image is pretty clear...I don't see where I'm wrong ?

THE PROBLEM : My website only displays the line of code, but not the image ! As if Jekyll compilator considered this code like a normal text.

The syntax which is generally given is : ![My Title](http://url/to/img.png) (see more Here)

According to the forums which I have visited, the reccurent problem turns around the path to the image. Asbolute or not ? with a missed slash : "/" or with a bad use of liquid syntax {{site.url}} .

I've read all these posts, tested their solution and tried multiples combination with out any result!

Here is the basic markdown page I wrote:

Exactly as this question, I want to embed this particular example on my blog.

I tried using </code> but <code>bl.ocks.org</code> isn't supporting it anymore. I tried with <code><iframe></code> using <code>rawgit</code> but this too didn't work. I tried using the method given <a href="http://dkmehrmann.github.io/blog/2016/05/01/d3.html" rel="nofollow noreferrer">here</a> and it works! but for my example it doesn't. </p> <p>I have inspected both of these sites (<a href="http://www.nicksuch.com/2014/03/26/d3-sample/" rel="nofollow noreferrer">this one</a>) and (<a href="http://dkmehrmann.github.io/blog/2016/05/01/d3.html" rel="nofollow noreferrer">this too</a>), and found out that in my case the <code>d3 script</code> isn't appending any <code>svg</code> element in my custom <code>div</code>. ( Please look at <a href="https://stackoverflow.com/a/22669498/4928430">this answer</a> for the method I used )</p> <p>Please suggest me how to proceed with this.</p>