div内のフェンスコードブロック

Question

私はGithubでMaterial Design Componentsと書かれたジキルプロジェクトを作成しようとしています。 MDCにはElements are not natively styledと記載されています。つまり、ほとんどの（すべてではないにしても）要素をクラスでスタイルする必要があります。これが意味することは、実際にはコードが期待通りにレンダリングされないことです。

<div class="mdc-typography"> 
    <div class="mdc-layout-grid max-width"> 
    <div class="mdc-layout-grid__inner"> 
     <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-8"> 

     ```js 
     // some js 
     ``` 

     </div> 
    </div> 
    </div> 
</div> 

むしろプレーンテキストとしてレンダリングします。私はこれについて少し新しく思っています。しかし、divのクラス内で囲まれたコードブロックをネストする適切な方法は何ですか？

マークダウンの規則は、はで少なくとも4スペース分インデントしなければならないということです。私はこれを知っています。

Answer 1

あなたはジキルプロジェクトの使用ここで

{% highlight javascript %} 

{% endhighlight %} 

Jekyll Docs

でこれを書いている場合は、あなたに似た別のスタック質問です：またlink

それはコードだように、あなたはそれをスタイルすることができます。