Jekyll oplotený kód bloku kramdown problém - jekyll, codeblocks, kramdown

Bojujem so zvýraznením oplotených kódových blokov. Pomôžete mi vyriešiť, čo robím zle?

Zvýraznenie kódu funguje dobre, keď používam tekutinutagy: {% highlight lang%} {% endhighlight%}, ale tento prístup porušuje zoznamy (je to známy problém). To, čo ma najviac znepokojuje, je to, že keď používam syntax kramdown + rouge, vôbec to nezvýrazní kód.

Tu je návod, ako jekyll analyzuje obidve spôsoby:

1. Syntax Kramdown + rouge

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

   

2. Kvapalná syntax

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

   

Skúšali sme akúkoľvek kombináciu prázdnych riadkov a medzier pred a po blokovaní kódu, ale zdá sa, že nič nefunguje.

odpovede:

Obrázok, ktorý ste prepojili pre výsledok kramdown + rouge, zobrazuje iba čiastočne výstup kramdown (t. J <div ...>...</div>). Hádam však, že výsledok vyzerá takto:

<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>

Ak áno, výsledok je zvýrazňovač syntaxe pomocou rouge cez kramdown. Pravdepodobne budete musieť zahrnúť iba správne štýly CSS. Za to, tento blogový príspevok môže pomôcť.