圍欄內的圍欄代碼塊

Question

我正在嘗試在Github上創建一個Jekyll項目，使用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

或者，您也可以風格它像它的代碼。