title: How to disable inline CSS in Gatsby?
body: <p>I created a website with <a href="https://github.com/TryGhost/gatsby-starter-ghost" rel="noreferrer">gatsby-starter-ghost</a>.</p>
  
  <p>I noticed that by default the CSS is put into the head of every HTML file as an inline style:</p>
  
  <pre><code>&lt;style&gt;.every-thing-is-in-here {}&lt;/style&gt;
  </code></pre>
  
  <p>I want to serve the CSS in its own file and not alongside every HTML file.</p>
  
  <p>How can I disable this behaviour and use <code>&lt;link&gt;</code> for CSS instead?</p>