Jekyll clôturé bloc de code kramdown question

Question

Je suis aux prises avec la mise en évidence des blocs de code clôturé. Pourriez-vous m'aider à déterminer ce que je fais de mal?

La mise en évidence de code fonctionne bien lorsque j'utilise des balises liquides: {% highlight lang%} {% endhighlight%}, mais cette approche casse les listes (c'est un problème connu). Ce qui me dérange le plus, c'est que lorsque j'utilise la syntaxe de kramdown + rouge, elle ne met pas le code en évidence.

Voilà comment jekyll parse les deux sens:

1. Kramdown + rouge syntaxe

   ```xml 
   <intent-filter> 
       <action android:name="some.event" /> 
   
       <category android:name="some.event" /> 
   </intent-filter> 
   ``` 
   

   

2. syntaxe liquide

   {% highlight xml %} 
   <intent-filter> 
       <action android:name="some.event" /> 
   
       <category android:name="some.event" /> 
   </intent-filter> 
   {% endhighlight %} 
   

   

J'ai essayé toutes les combinaisons de lignes et des espaces vides avant et après le bloc de code, mais rien ne semble fonctionner.

Answer 1

L'image que vous avez liée pour le résultat de kramdown + rouge n'affiche que partiellement la sortie de kramdown (c'est-à-dire seulement <div ...>...</div>). Cependant, je devine que le résultat ressemble à ceci:

<div class="language-xml highlighter-rouge"><span class="nt">&lt;intent-filter&gt;</span> 
<span class="nt">&lt;action</span> <span class="na">android:name=</span><span class="s">"some.event"</span> <span class="nt">/&gt;</span> 
<span class="nt">&lt;category</span> <span class="na">android:name= 
</span><span class="s">"some.event"</span> <span class="nt">/&gt;</span> 
<span class="nt">&lt;/intent-filter&gt;</span> 
</div> 

Dans le cas contraire, le résultat est rouge par la coloration syntaxique via kramdown. Vous avez probablement seulement besoin d'inclure les styles CSS corrects. Pour ce faire, this blog post peut aider.