Skip to main content

Insert code snippets in Blogger using Prettyfy

If you want to insert code snippets with syntax-highlighting in your blogs on Blogger.com, then you can use google-code-prettify.
There are other syntax highlighting solutions out there, but this allows to do this very simply.
The steps are:
  1. Click on "Theme" (in LHS of blogger home page) or "Design" (in upper RHS corner).
  2. Click on "Edit HTML" button.
  3. Search for <head> tag in the html.
  4. Insert following line after meta tags in head tag:
    <script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=scala&amp;lang=yaml&amp;lang=bash&amp;lang=xml&amp;lang=sql&amp;skin=sons-of-obsidian' type='text/javascript'></script>
    For me it is just before <title> tag.
  5. Add onload property to <body> tag:
    <body class='container' onload='prettyPrint()'>
  6. Here I have used "Sons-Of-Obsidian" style, you can use any of the available themes.
  7. Save the template.
  8. Now, in your Blog posts, whenever you want to insert code snippets, add the prettyprint class to your pre or code tags:
    <pre class="prettyprint linenums">
    var s:String = "Hello, World!";
</pre>
  9. This will be rendered in your blog post as:
    var s:String = "Hello, World!";
For more details on using the Prettify, check-out its README.
Labels:
Location: Pune, Maharashtra, India

Comments

Post a Comment

Popular posts from this blog

MPlayer subtitle font problem in Windows

While playing a video with subtitles in mplayer, I was getting the following problem: New_Face failed. Maybe the font path is wrong. Please supply the text font file (~/.mplayer/subfont.ttf). Solution is as follows: Right click on "My Computer". Select "Properties". Go to "Advanced" tab. Click on "Environment Variables". Delete "HOME" variable from User / System variables.
4 comments
Read more

Kafka performance tuning

Performance Tuning of Kafka is critical when your cluster grow in size. Below are few points to consider to improve Kafka performance: Consumer group ID : Never use same exact consumer group ID for dozens of machines consuming from different topics. All of those commits will end up on the same exact partition of __consumer_offsets , hence the same broker, and this might in turn cause performance problems. Choose the consumer group ID to group_id+topic_name . Skewed : A broker is skewed if its number of partitions is greater that the average of partitions per broker on the given topic. Example: 2 brokers share 4 partitions, if one of them has 3 partitions, it is skewed (3 > 2). Try to make sure that none of the brokers is skewed. Spread : Brokers spread is the percentage of brokers in the cluster that has partitions for the given topic. Example: 3 brokers share a topic that has 2 partitions, so 66% of the brokers have partitions for this topic. Try to achieve 100% broker spread
1 comment
Read more

wget and curl behind corporate proxy throws certificate is not trusted or certificate doesn't have a known issuer

If you try to run wget or curl in Ununtu/Debian behind corporate proxy, you might receive errors like: ERROR: The certificate of 'apertium.projectjj.com' is not trusted. ERROR: The certificate of 'apertium.projectjj.com' doesn't have a known issuer. wget https://apertium.projectjj.com/apt/apertium-packaging.public.gpg ERROR: cannot verify apertium.projectjj.com's certificate, issued by 'emailAddress=proxyteam@corporate.proxy.com,CN=diassl.corporate.proxy.com,OU=Division UK,O=Group name,L=Company,ST=GB,C=UK': Unable to locally verify the issuer's authority. To connect to apertium.projectjj.com insecurely, use `--no-check-certificate'. To solution is to install your company's CA certificate in Ubuntu. In Windows, open the first part of URL in your web browser. e.g. open https://apertium.projectjj.com in web browser. If you inspect the certifcate, you will see the same CN (diassl.corporate.proxy.com), as reported by the error above
Post a Comment
Read more