Skip to main content

Using SyntaxHighlighter to Show Code Snippets in Blogger

Update: I no longer support the use of SyntaxHighligter. I would rather suggest the use of gists provided by GitHub. It is easier to use. Give it a try.


Using SyntaxHighlighter to Show Code Snippets in Blogger


I have found out a way to display code snippets with syntax colouring. There is a very nice yet useful tool consisting of a small set of js and css files: SyntaxHighlighter. 

Required files can be found at project site. After downloading files we will need to store them in an online location to refer them from our blog pages. At this point Google Sites proves to be useful. Just create some pages and upload SyntaxHighlighter files. So that we can refer them from blogger pages.

Usage: 

Add lines below to blogger page. Just remember to add all brush files you need. For a list of all available brushes see related page.


<script type="text/javascript" src="https://sites.google.com/site/your_site_path/scripts/shCore.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/your_site_path/scripts/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="https://sites.google.com/site/your_site_path/styles/shCoreDefault.css"/>



After adding required files to your page, next step is to put the content you want to display in syntax colouring. Content to be displayed should be enclosed with HTML pre tags and should be HTML escaped. To easily escape your content you may use any online tools like this one

<pre class="brush: js">// any content
function foo()
{
}
</pre>

Code snippets included in this page are also kind of demonstration of the utility.

For updates and further instructions give a visit to official page of the utility.
Labels:

Comments

Post a Comment

Popular posts from this blog

Obfuscating Spring Boot Projects Using Maven Proguard Plugin

Introduction Obfuscation is the act of reorganizing bytecode such that it becomes hard to decompile. Many developers rely on obfuscation to save their sensitive code from undesired eyes. Publishing jars without obfuscation may hinder competitiveness because rivals may take advantage of easily decompilable nature of java binaries. Objective Spring Boot applications make use of public interfaces, annotations which makes applications harder to obfuscate. Additionally, maven Spring Boot plugin creates a fat jar which contains all dependent jars. It is not viable to obfuscate the whole fat jar. Thus obfuscating Spring Boot applications is different than obfuscating regular java applications and requires a suitable strategy. Audience Those who use Spring Boot and Maven and wish to obfuscate their application using Proguard are the target audience for this article. Sample Application As the sample application, I will use elastic search synch application from my G...
4 comments
Read more

Hadoop Installation Document - Standalone Mode

This document shows my experience on following apache document titled “Hadoop:Setting up a Single Node Cluster”[1] which is for Hadoop version 3.0.0-Alpha2 [2]. A. Prepare the guest environment Install VirtualBox. Create a virtual 64 bit Linux machine. Name it “ubuntul_hadoop_master”. Give it 500MB memory. Create a VMDK disc which is dynamically allocated up to 30GB. In network settings in first tab you should see Adapter 1 enabled and attached to “NAT”. In second table enable adapter 2 and attach to “Host Only Adaptor”. First adapter is required for internet connection. Second one is required for letting outside connect to a guest service. In storage settings, attach a Linux iso file to IDE channel. Use any distribution you like. Because of small installation size, I choose minimal Ubuntu iso [1]. In package selection menu, I only left standard packages selected.  Login to system.  Setup JDK. $ sudo apt-get install openjdk-8-jdk Install ssh and pdsh, if...
3 comments
Read more

Java: Cost of Volatile Variables

Introduction Use of volatile variables is common among Java developers as a way of implicit synchronization. JIT compilers may reorder program execution to increase performance. Java memory model[1] constraints reordering of volatile variables. Thus volatile variable access should has a cost which is different than a non-volatile variable access. This article will not discuss technical details on use of volatile variables. Performance impact of volatile variables is explored by using a test application. Objective Exploring volatile variable costs and comparing with alternative approaches. Audience This article is written for developers who seek to have a view about cost of volatile variables. Test Configuration Test application runs read and write actions on java variables. A non volatile primitive integer, a volatile primitive integer and an AtomicInteger is tested. Non-volatile primitive integer access is controlled with ReentrantLock and ReentrantReadWriteLock  to c...
Post a Comment
Read more