2017-06-22 10 views
0

私はフェンスのコードブロックを強調表示に苦労しています。あなたは私が間違っていることを整理する手助けをしてもらえますか?ジキルフェンスのコードブロックkramdownの問題

液体のタグを使用するとコードの強調表示がうまく動作します。{%highlight lang%} {%endhighlight%}ですが、この方法では既知の問題です。 私が気にすることは、kramdown +ルージュの構文を使用すると、コードを強調表示しないということです。ここで

はジキルは両方の方法を解析する方法は次のとおりです。

  1. Kramdown +ルージュの構文

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

    html output for kramdown

  2. 液体構文

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

    html output for liquid

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

+0

'' 'の代わりに試してみてください~~~。 –

答えて

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スタイルを含めるだけです。これを行うには、this blog postが役に立ちます。

関連する問題