Ghost - Prism Code Syntax Highlighting
Reading Time:
Reading Time:
If you want better code syntax recognition for your code snippets in Ghost adding support for Prism highlighting is definitely worth it.
1.Login to Ghost, go to Code Injection
2.Add this to blog head
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.css" rel="stylesheet" />
3.Add this to the blog footer
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js" ></script>
To use the Prism Syntax Highlighting just do similarly as with Ghost for a code block
```css
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
**Result with Prism**
```css
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
Currently Prism support 122 different syntaxes, see following url: http://prismjs.com/#basic-usage