title: Jekyll Deployment on Github Pages doesn't format correctly and links broken
body: <p>I am learning about how to use Jekyll and Github recently and I am having a hard time getting my website to display correctly online but it does display correctly locally when I run:</p>
  
  <pre><code>jekyll serve --baseurl ''
  </code></pre>
  
  <p>My Github repo that I am working on is <a href="http://yungkickz.github.io/kingwizard" rel="nofollow">http://yungkickz.github.io/kingwizard</a></p>
  
  <p><a href="https://github.com/yungkickz/kingwizard/tree/gh-pages" rel="nofollow">Github Tree</a></p>
  
  <p>Any help or hints would be super helpful.</p>
  
  <p>Edit: Basically this entire website is missing the correct CSS and links are pointing to the wrong place; especially the first Home and About link as any the other links were made to just test.</p>
  
  <p>My <code>config.yml:</code></p>
  
  <pre><code>name: kingwizard
  description: wizardly blog
  
  paginate: 5
  url: "http://yungkickz.github.io"
  baseurl: /kingwizard
  
  
  markdown: rdiscount
  </code></pre>
  
  <p>Also here I've added the beginning of the <code>html</code></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta name="description" content="{{ site.description }}"&gt;
      &lt;meta name="author" content=""&gt;
  
      &lt;title&gt;{{ site.name }}&lt;/title&gt;
  
      &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="{{ site.baseurl }}/css/bootstrap.css" rel="stylesheet"&gt;
  
      &lt;!-- Custom Arreis Style --&gt;    
      &lt;link href="{{ site.baseurl }}/css/custom-style.css" rel="stylesheet"&gt;
  
  
      &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="{{ site.baseurl}}js/html5shiv.js"&gt;&lt;/script&gt;
        &lt;script src="{{ site.baseurl}}js/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
  </code></pre>