title: How to include images in a jekyll project hosted on github?
body: <p>I'm building a blog using jekyll and hosting it on github with gh-pages. The root of my project can be see seen below:</p>
  
  <pre><code>├── LICENSE
  ├── README.md
  ├── _config.yml
  ├── _img
  │   ├── 2016-09-09\ 14.48.20.png
  │   └── 2016-09-09\ 15.25.09.png
  .
  .
  .
  ├── _posts
  │   ├── 2016-09-08-seven-weeks-before-applying-to-devops-job.markdown
  │   └── 2016-09-09-an-hour-with-ansible.md
  .
  .
  .
  ├── _site
  │   ├── 2016
  │   │   └── 09
  │   │       ├── 08
  │   │       │   └── seven-weeks-before-applying-to-devops-job.html
  │   │       └── 09
  │   │           └── an-hour-with-ansible.html
  │   ├── LICENSE
  │   ├── README.md
  │   ├── about
  │   │   └── index.html
  │   ├── css
  │   │   └── main.css
  │   ├── feed.xml
  │   └── index.html
  ├── about.md
  ├── css
  │   └── main.scss
  ├── feed.xml
  └── index.html
  </code></pre>
  
  <p>The documentation gives the following example:</p>
  
  <blockquote>
    <p>Because of Jekyll’s flexibility, there are many solutions to how to do this. One common solution is to create a folder in the root of the project directory called something like <code>assets</code> or <code>downloads</code>, into which any images, downloads or other resources are placed. Then, from within any post, they can be linked to using the site’s root as the path for the asset to include. Again, this will depend on the way your site’s (sub)domain and path are configured, but here are some examples (in Markdown) of how you could do this using the <code>site.url</code> variable in a post.</p>
  </blockquote>
  
  <p>Including an image asset in a post:</p>
  
  <pre><code>... which is shown in the screenshot below:
  ![My helpful screenshot]({{ site.url }}/assets/screenshot.jpg)
  </code></pre>
  
  <p>I've tried several different ways but non are working once I push <code>gh-pages</code> up:</p>
  
  <pre><code>![]({{ site.github.url }}/_img/2016-09-09 14.48.20.png)
  
  ![]({{ site.url }}/_img/2016-09-09 15.25.09.png)
  </code></pre>
  
  <p>I've also tried "keeping" the <code>_img</code> directory by putting the following in my <code>_config.yaml</code></p>
  
  <pre><code># Build settings
  markdown: kramdown
  
  keep_files: ["_img"]
  </code></pre>
  
  <p>But this also is not working. So how do I include images in a jeykll project hosted on github?</p>
  
  <p>Thanks for your help :)</p>