/ /ジキルフェンスのコードブロックkramdownの問題 - ジキル、コードブロック、kramdown

ジキルフェンスのコードブロックkramdownの問題 - ジキル、コードブロック、kramdown

私はフェンスで囲まれたコードブロックの強調表示に苦労しています。何が間違っているのかを整理する手助けをしてください。

コードの強調表示は、液体を使用するとうまくいきますtags:{%highlight lang%} {%endhighlight%}ですが、この方法ではリストが破損します(これは既知の問題です)。 私が気にすることは、kramdown +ルージュ構文を使用すると、コードを強調表示しないということです。

ここでは、ジキルが両方の方法を解析する方法を示します。

  1. Kramdown +ルージュ構文

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

    kramdownのhtml出力

  2. 液体構文

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

    液体のhtml出力

私はコードブロックの前と後に空白と空白の組み合わせを試しましたが、何も動作していないようです。

回答:

回答№1は1

kramdown + rougeの結果にリンクした画像は、kramdownの出力(つまり、 <div ...>...</div>)。しかし、私は結果が次のようになっていると推測しています。

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

そうであれば、結果 kramdown経由のルージュによる構文ハイライター。おそらく、正しいCSSスタイルを含めるだけです。これを行うために、 このブログ記事 助けるかもしれない。