title: Jekyll, Github Pages: syntax highlighting not working
body: <p>A similar question has been asked before but the solutions don't work for me. </p>
  
  <p>I'm using Jekyll 3.3.0 with a Github Pages blog. According to the documentation, Jekyll supports code snippet highlighting natively as long as the _config.yml points to Kramdown for markdown processing and Rouge (I'm running 2.0.7) for syntax highlighting.</p>
  
  <p>I can't get it to work using the approved method or various methods I've found on the internet. The only thing it recognises is that there is code there. For example, using either backticks or {% highlight html %} will remove this code and show my actual code, as expected. So it's recognising that it's a code snippet. But the highlighting doesn't work at all.</p>
  
  <p>Here's my _config.yml:</p>
  
  <pre><code>baseurl: /blog
  exclude: ['README.md']
  permalink: pretty
  
  # Conversion
  markdown: kramdown
  highlighter: rouge
  kramdown:
    input: GFM
    hard_wrap: false
    syntax_highlighter: rouge
    extensions: fenced_code_blocks
  </code></pre>
  
  <p>And here's an example of a test I've tried in a .md:</p>
  
  <pre><code>```applescript
  tell application "Safari" to quit
  ```
  </code></pre>
  
  <p>Applescript is supported by Rouge, so that shouldn't be the issue. Nevertheless, I have tested it with html:</p>
  
  <pre><code>```html
  &lt;a href="https://github.io&gt;Here's a link to Github&lt;/a&gt;
  ```
  </code></pre>
  
  <p>I've also tried:
      {% highlight applescript %}
      tell application "Safari" to quit
      {% endhighlight %}</p>
  
  <p>Github shows the highlighting when I view it through the <code>github.com/user/repo</code> but it breaks when viewed over <code>user.github.io/repo</code></p>
  
  <p>Thanks</p>