title: How can I dynamically parse markdown in JavaScript and use custom CSS styling?
body: <p>I want to use a service like <a href="http://strapdownjs.com/" rel="nofollow">StrapdownJS</a> to create HTML pages written in Markdown. StrapdownJS functions well as a Markdown parser, however it does not fulfill my needs for custom styling. In strapdownJS, you select a theme like so:</p>
  
  <pre><code>&lt;xmp theme="united"&gt;
      # Markdown here...
  &lt;/xmp&gt;
  </code></pre>
  
  <p>However, embedding a <code>&lt;link&gt;</code> or <code>&lt;style&gt;</code> tag in the <code>&lt;head&gt;</code> does not work, as StrapdownJS does all of the styling AFTER the head is loaded. So far the only solution I can think of is to programmatically alter all of the styling with something like JQuery, which largely defeats the purpose of having stylesheets in the first place.</p>
  
  <p>Does anybody have a good solution for this? My ideal solution would look something like this</p>
  
  <ol>
  <li>use <code>&lt;link&gt;</code> to include a CSS stylesheet</li>
  <li>specify a markdown file (e.g., <code>content.md</code>)</li>
  <li>Markdown gets parsed and rendered as HTML with styling from <code>style.css</code></li>
  </ol>
  
  <p>Please let me know if there is anything similar to this. Again, StrapdownJS would be perfect if not for its extremely limited selection of themes - it only has a handful of themes from <a href="https://bootswatch.com/" rel="nofollow">Bootswatch</a>.</p>