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

<span class="n">group</span> <span class="ss">:jekyll_plugins</span> <span class="k">do</span>
  <span class="n">gem</span> <span class="s1">'octopress-codeblock'</span>
<span class="k">end</span>

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

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 {#résultat}

  <span class="n">firstname</span> <span class="o">=</span> <span class="s2">"John"</span>
  <span class="n">lastname</span>  <span class="o">=</span> <span class="s2">"Doe"</span>
  <span class="n">echo</span> <span class="s2">"</span><span class="si">#{</span><span class="n">firstname</span><span class="si">}</span><span class="s2"> </span><span class="si">#{</span><span class="n">lastname</span><span class="si">}</span><span class="s2">"</span>

Options

On peut également ajouter un titre et un lien

Résultat {#résultat-1}