異なる構文ハイフンの言語に適用する

Question

私はコードブロックに多くのシェルの例を投稿するジキルサイトを持っています。私はスクリプト/シェルコマンドとコマンドの出力を視覚的に描写するのに苦労しています。

生成されたHTML：この例では

<pre><code class="language-powershell"> 
function DemoCode { 
    return 'rab', 'oof' 
} 
DemoCode 

rab 
oof 
</code></pre> 

は、最後の2行は明らかに最初の4行から出力される必要があります。

値下げは現在、PowerShellのタグを持つ普通のトリプルバッククォートです：

```powershell 
function DemoCode { 
    return 'rab', 'oof' 
} 

DemoCode 

rab 
oof 
``` 

私は2番目のコードブロックにそれを分割避けることを好むだろう。 Wordpressはインラインスタイルのタグでこれをやりましたが、それは仕事の豚でした。

これは私にとって良い解決策はありませんが、私はシンタックスハイライトに「平文」タグ付きの別々のコードブロックを持つことができます：

私がこれまで持っている最高のは、別々のコード・ブロックで確かです。 「平文」タグをルージュに適用すると、少なくとも構文のハイライトが得られなくなり、役立ちます。しかし、生成されたHTMLは.highlightから同じCSSを継承します。

値下げ：

```powershell 
function Write-Stuff { 
    Write-Output $Stuff 
} 
``` 

```plaintext 
Output I would like with different color and background-color 
``` 

は、私はまだそれはしかし、異なるCSSを継承する必要があります。生成されたHTML：これはmy-custom-class権利を挿入する

{:.my-custom-class} 
``` powershell 
function Write-Stuff { 
    Write-Output $Stuff 
    } 
``` 

：

<div class="language-powershell highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1">#this is formatted with md code block and powershell tag</span> 
</code></pre></div></div> 

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>#formatted with md code block and plaintext tag 
</code></pre></div></div> 

Answer 1

あなたは別々のコード・ブロックと一緒に行きたい場合は、あなたが構文上のカスタムクラスを設定するIALブロックを使用することができますが、ブロックを強調しましたlanguage-powershell highlighter-rougeの横にあるので、CSSを適切にカスタマイズすることができます。

ブロックを分割しないように：これはkramdownでは不可能です。ただし、これを行う方法を知っているcustom syntax highlighterを実装することができます。