Par défaut, Octopress intègre Pygments pour gérer la colorisation syntaxique du code, mais je trouvais le résultat un peu triste. Après quelques recherches sur RubyGems, je suis tombé sur Octopress Codeblock

Commençons par éditer le fichier Gemfile pour y ajouter la Gem octopress-codeblock

Gemfile
1
2
3
group :jekyll_plugins do
  gem 'octopress-codeblock'
end

Mettons à jour les dépendances, en console, avec la commande bundle

1
bundle

Attention: n'oubliez pas de redémarrer votre serveur local après avoir remis à jour les dépendances. Si la commande rake preview, quiitez-la avec Ctrl+C et relancez-la.

Il ne reste plus qu'a encapsuler votre codes des balises liquid codeblock et endcodeblock.

Exemples

Un peu de Ruby

Résultat

1
2
3
  firstname = "John"
  lastname  = "Doe"
  echo "#{firstname} #{lastname}"

Options

On peut également ajouter un titre et un lien

Résultat

Javascript 'hello world'Code source
1
2
var hello = "Hello, world";
alert(hello);

Hello, world!

Devenir parents est une véritable aventure : tant au niveau du couple qu’au niveau personnel. Bébé est avec nous depuis 13 mois aujourd’hui, et chaque jour a été fait de merveilles et de découverte. Tout ces instants passés avec Bébé nous ont permis d’apprendre à le connaître et à s’apprivoiser les uns les autres. Nous … Lire la suite de Hello, world!
Continue reading

Ruby et les dépendances : RubyGems, Gemfile et Ruby Toolbox

Le nombre de Gems disponible ne fait qu'augmenter, mais il faut faire bien attention à certains détails avant d'en installer une. Continue reading