div中的受防护代码块

Question

我正在尝试使用Material Design Components在Github上创建一个Jekyll项目。 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

如果您在jekyll项目中使用

撰写此文章

{% highlight javascript %}

{% endhighlight %}

Jekyll Docs

这是与您类似的另一个堆栈问题：link

或者，您可以将其设置为类似代码的样式。