title: How to format code blocks in speaker notes written in Markdown with Reveal.js?
body: <p>I am using Reveal.js 2.6.1 and I'm trying to an external markdown file to render code blocks in speaker notes properly. </p>
  
  <p>My slide deck looks something like:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"&gt;
      &lt;meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' /&gt;
      &lt;link href="/stylesheets/all.css" media="screen" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="/javascripts/html5shiv.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body class="index"&gt;
      &lt;div class='reveal'&gt;
        &lt;div class='slides'&gt;
          &lt;section data-charset='utf-8' data-markdown='basics/basics.html' data-notes='^Notes:' data-vertical='^_' id='basics'&gt;&lt;/section&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script src="/javascripts/head.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="/javascripts/reveal.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script&gt;
        // Full list of configuration options available here:
        // https://github.com/hakimel/reveal.js#configuration
        Reveal.initialize({
          controls: true,
          progress: true,
          history: true,
          center: true,
          rollingLinks: false,
  
          theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
          transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
  
          // Optional libraries used to extend on reveal.js
          dependencies: [
            { src: 'javascripts/classList.js', condition: function() { return !document.body.classList; } },
            { src: 'javascripts/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
            { src: 'javascripts/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
            { src: 'javascripts/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
            { src: 'javascripts/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
            { src: 'javascripts/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } }
          ]
        });
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And the external markdown file is:</p>
  
  <pre><code>## Title
  
  - Foo
  - Bar
  ```
  {foo: bar}
  ```
  
  Notes:
  ```
  {foo: bar}
  ```
  </code></pre>
  
  <p>Things are working for the most part (file gets loaded, markdown gets converted), but the code block in the notes gets rendered as an inline code snippet:</p>
  
  <pre><code>&lt;p&gt;&lt;code&gt;var foo = 'bar';&lt;/code&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Instead of as a code block like it does in the slide:</p>
  
  <pre><code>&lt;pre&gt;&lt;code&gt;var foo = 'bar';&lt;/code&gt;&lt;/pre&gt;
  </code></pre>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Using code blocks in markdown in notes without using external files, works properly:</p>
  
  <pre><code>&lt;section&gt;
    &lt;h2&gt;Test&lt;/h2&gt;
    &lt;aside class='notes' data-markdown&gt;
      ```
      {a: b};
      return true;
      ```
    &lt;/aside&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Any ideas?</p>
  
  <p>Thanks</p>