Show code snippet with Google Prettify

Recently, I used SyntaxHighter to show source code in my blog. It works fine, but I feel something not very familiar. Just like the source code shown isn’t similar to other pages, like Github. I decided to change to Google Prettify, and wait to see if it’s better. It’s quite easy to setup, just follow official guide in Github. Here is a short summary:

1. Embed Prettify into template:
   <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

2. Format the source code:

<pre class="prettyprint">  
class Voila {  
public:  
  // Voila  
  static const string VOILA = "Voila";  
  // will not interfere with embedded <a href="#voila2">tags</a>.  
}  
</pre>  

will become

class Voila {  
public:  
  // Voila  
  static const string VOILA = "Voila";  
  // will not interfere with embedded <a href="#voila2">tags</a>.  
}