Recent Posts

On the Future of the Apple Watch
Venture Capital and Equality
Conserving Water
2014 Summary

Popular in 2014

7th Israeli Origami Convention
Interview with 240 Creator Udi Eylat
Learning to Code

Source Code Highlighting - In Blogger!

There are a great many posts on how to post syntax highlighted code in blogger. I can’t really understand why google doesn’t have a ready made solution in place.

I think I’ve found a solution I’m comfortable with:

  1. Convert the code to html (“:TOhtml” in vi)
  2. In the Compose tab, type: <pre> </pre>
  3. Paste you code between the tags
  4. Publish

That’s it - no installation, not too much hassle.

For extra credit, you can modify the css for <pre> sections.

If you want line numbers:

  1. “:set nu” - show line numbers in vi
  2. “:TOhtml” - convert to html
  3. “:set nonu” - remove line numbers for easy copy & paste (or, use Ctrl-V)
1  #include <stdio.h>
3 int main( int argc, char *argv[] ) {
4 printf("Hello World!\n");
5 return 0;
6 }

All that’s left is to find a good color scheme for vi.

edit: Ars Pythonica has added that in your .vimrc file, you can add: “let html_use_css = 1” to include css in the output.

Thanks to:
1. Eli Bendersky - for the pre trick 2. FluidBlog - For the vi TOHtml trick